Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Facebook Comments
arkos
post
Post #1





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 24.12.2009

Ostrzeżenie: (20%)
X----

Witajcie.
Robię wszystko zgodnie z: http://developers.facebook.com/docs/refere...ugins/comments/

Umieszczenie czegoś takiego na stronie nie działa - nic się nie wyświetla:
[HTML] pobierz, plaintext 
  1. <div id="fb-root"></div>
  2. <script>(function(d, s, id) {
  3.   var js, fjs = d.getElementsByTagName(s)[0];
  4.   if (d.getElementById(id)) {return;}
  5.   js = d.createElement(s); js.id = id;
  6.   js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
  7.   fjs.parentNode.insertBefore(js, fjs);
  8. }(document, 'script', 'facebook-jssdk'));</script>
  9.  
  10. <div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500" data-colorscheme="dark"></div>
[HTML] pobierz, plaintext


Gdzieś znalazłem i zrobiłem w taki sposób:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
  6. </head>
  7. <body>
  8.  
  9. <div id="fb-root"></div>
  10. <script>(function(d, s, id) {
  11.   var js, fjs = d.getElementsByTagName(s)[0];
  12.   if (d.getElementById(id)) {return;}
  13.   js = d.createElement(s); js.id = id;
  14.   js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
  15.   fjs.parentNode.insertBefore(js, fjs);
  16. }(document, 'script', 'facebook-jssdk'));</script>
  17.  
  18. <div class="fb-comments" data-href="example.com" data-num-posts="3" data-width="600" data-colorscheme="dark"></div>
  19.  
  20. </body>
  21. </html>
[HTML] pobierz, plaintext

Ale również nie do końca to działa, rozmiar okienka jest ograniczony - wysokość, komentarze cały czas się ładują bez przerwy.
Możecie sami to zobaczyć wklejając kod do np. notatnika.

Wie ktoś jak to zrobić?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 12)
piotr.kazmiercza...
post
Post #2





Grupa: Zarejestrowani
Postów: 47
Pomógł: 10
Dołączył: 1.03.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Nie za bardzo widzę problem. Na chromie komentarze zachowują się normalnie. Bez ładowania się o którym mówisz. Co do wysokości nie możesz jej zmienić parametrami, co najwyżej liczbą postów. Jeżeli koniecznie chcesz mieć ustaloną wysokość to możesz dać komentarze w diva.

[HTML] pobierz, plaintext 
  1. <div style="height: 300px; overflow-y: scroll">
  2. <div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500" data-colorscheme="dark"></div>
  3. </div>
[HTML] pobierz, plaintext


W ten sposób będzie można to scrollować.

Ten post edytował piotr.kazmierczak 5.11.2011, 12:07:15
Go to the top of the page
+Quote Post
arkos
post
Post #3





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 24.12.2009

Ostrzeżenie: (20%)
X----

Zobacz:
(IMG:http://s5.ifotos.pl/img/fbpng_rphrshr.png)

A powinno się wyświetlać tak jak tutaj:
http://developers.facebook.com/docs/refere...ugins/comments/
Dodatkowo na IE, to przeglądarka wgl. się zawiesza przy tym.

Ten post edytował arkos 5.11.2011, 12:14:41
Go to the top of the page
+Quote Post
piotr.kazmiercza...
post
Post #4





Grupa: Zarejestrowani
Postów: 47
Pomógł: 10
Dołączył: 1.03.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Jak chcesz tak samo to wywal: data-colorscheme="dark"

Jeżeli ustawisz overflow-x : scroll to będzie ucięte. Ten znacznik facebookowy nie przewiduje wysokości bo nie wiadomo jakiej wysokości będą same komentarze. Jeżeli musisz mieć ustaloną wysokość użyj tak jak napisałem overflow-x, dodaj tylko do diva jakiś border i padding by było ładnie.
Go to the top of the page
+Quote Post
arkos
post
Post #5





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 24.12.2009

Ostrzeżenie: (20%)
X----

Tak, tylko że ja nie ustalam żadnej wysokości ani nic.
Umieszczam w pliku .html dokładnie ten sam kod, który podałem w pierwszym poście, tam nie ma żadnego pliku css ani nic.

Dodatkowo definiując data-colorscheme="dark" kolor powinien być szary, a nie jest.

Nie wiem co tutaj jest wgl. źle.

@edit
Może w tym tkwi jakiś problem:
[HTML] pobierz, plaintext 
  1. <script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
[HTML] pobierz, plaintext


Ten post edytował arkos 5.11.2011, 12:22:22
Go to the top of the page
+Quote Post
piotr.kazmiercza...
post
Post #6





Grupa: Zarejestrowani
Postów: 47
Pomógł: 10
Dołączył: 1.03.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

To nie jest trudne. Masz gotowy widget od facebooka. Jeżeli nie działa na IE to bywa nic z tym nie zrobisz. Co do koloru szarego to po prostu dodajesz styl.


[HTML] pobierz, plaintext 
  1. <div style="background-color: #333;" class="fb-comments" data-href="example.com" data-num-posts="3" data-width="600" data-colorscheme="dark"></div>
[HTML] pobierz, plaintext


Sam kod jest ok.

Edit: ten <script> to możesz wywalić

Ten post edytował piotr.kazmierczak 5.11.2011, 12:25:35
Go to the top of the page
+Quote Post
arkos
post
Post #7





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 24.12.2009

Ostrzeżenie: (20%)
X----

Może, muszę stworzyć aplikację?
Go to the top of the page
+Quote Post
piotr.kazmiercza...
post
Post #8





Grupa: Zarejestrowani
Postów: 47
Pomógł: 10
Dołączył: 1.03.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Nie, nie potrzebujesz aplikacji.

http://fishcode.pl/test.php tutaj wystawiłem te komentarze.
Sprawdziłem je na chromie i IE 7, działają na obu.

Nie wiem, za bardzo co chcesz osiągnąć z tym widgetem więc ciężko mi jest pomóc.
Go to the top of the page
+Quote Post
arkos
post
Post #9





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 24.12.2009

Ostrzeżenie: (20%)
X----

No i tutaj, gdzie podałeś wyświetla się idealnie, tak jak chcę.
Może problem jest dlatego, że nie wgrywam tego na serwer tylko robię to w ,html i na kompie odpalam zwykle w przeglądarce.

Zaraz zobaczę na serwerze.
@edit
działa

Dziwne, że na kompie nie działa hmm, ale to nie problem (IMG:style_emoticons/default/smile.gif)

A orientuje się ktoś może jak dodać opcję moderacji?
Stworzyłem aplikację, wygenerowałem na nowo kod:

[HTML] pobierz, plaintext 
  1. <div id="fb-root"></div>
  2. <script>(function(d, s, id) {
  3.   var js, fjs = d.getElementsByTagName(s)[0];
  4.   if (d.getElementById(id)) {return;}
  5.   js = d.createElement(s); js.id = id;
  6.   js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1&appId=172859566137405";
  7.   fjs.parentNode.insertBefore(js, fjs);
  8. }(document, 'script', 'facebook-jssdk'));</script>
[HTML] pobierz, plaintext

Otrzymałem numer aplikacji: 172859566137405
Ale nie mogę usuwać komentarzy innych osób.

Ten post edytował arkos 5.11.2011, 12:42:52
Go to the top of the page
+Quote Post
piotr.kazmiercza...
post
Post #10





Grupa: Zarejestrowani
Postów: 47
Pomógł: 10
Dołączył: 1.03.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Na stronie na która wskazuje data-href="twoja_strona.pl" dodaj <meta property="fb:admins" content="{TWÓJ ID USERA FACEBOOKA}"/>
Go to the top of the page
+Quote Post
arkos
post
Post #11





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 24.12.2009

Ostrzeżenie: (20%)
X----

Nic to nie daje próbowałem wiele, nawet dodanie: <meta property="fb:app_id" content="172859566137405"/>
A opcje administracyjne powinny być od razu jak jest się zalogowanym na FB.

Ten post edytował arkos 5.11.2011, 13:41:23
Go to the top of the page
+Quote Post
piotr.kazmiercza...
post
Post #12





Grupa: Zarejestrowani
Postów: 47
Pomógł: 10
Dołączył: 1.03.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

a dodałeś odpowiedzi adres w data-href ?

Bo tam musi być adres twojej strony. Inaczej nie zadziała.
Go to the top of the page
+Quote Post
arkos
post
Post #13





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 24.12.2009

Ostrzeżenie: (20%)
X----

Co masz na myśli mówiąc odpowiedni?
Dodaję w taki sposób:

Cytat
<div style="margin-right: 11px;" class="fb-comments" data-href="jakastronka.pl" data-num-posts="5" data-width="667" data-colorscheme="dark"></div>


PS. Chcę mieć na stronie kilka formularzy z komentarzami.

Ten post edytował arkos 5.11.2011, 14:41:47
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 16:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn