Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript][PHP]Przycisk like - facebook
Forum PHP.pl > Forum > Przedszkole
marian_jankowski
20.02.2012, 15:59:33
Witam,
Mam pytanie dla osób biegłych w dziedzinie programowania.
Jak powinien wyglądać skrypt który pozwolił by na wykonanie kolejnego etapu, w tym przypadku głosowania, dopiero po kliknięciu przez użytkownika w przycisk "lubie to" z facebooka. Gdyby to był zwykły przycisk wiedział bym jak to sprawdzić, ale to moduł facebookowy i tu zdaje sie na waszą pomoc. Przesyłam też obrazek na którym widać nieaktywny przycisk glosowania, który miał by stać się aktywny dopiero po kliknięciu w lubie to. Bardzo proszę o pomoc.
obrazek
Majkelo23
20.02.2012, 16:16:28
No a może by zrobić warunek, ze przy kliknięciu w 'lubie to' tworzymy ciacho w przeglądarce. Potem warunek - jesli ciacho istnieje - tzn. że kliknął w 'lubie to'.

EDIT:

http://forum.php.pl/index.php?showtopic=182865
marian_jankowski
21.02.2012, 11:37:40
Problem w tym ze nie wiem w jaki sposób sprawdzić czy przycisk "lubie to" był klikniety, do stworzenia warunku o którym piszesz jest potrzebna jakaś zmiena typu "true" gdy klikną itd.

Witam ponownie,
Znalazłem chyba rozwiązanie ale nie wiem jak ponazywać pliki i jak je połączyć.
Wiem że irytujące i pewnie banalnie proste, ale nigdy nie maiałem do czynienia z javascript i nie wiem.
podam teraz kody poszczególnych plików:
plik1
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  4. <head>
  5. <link rel="stylesheet" type="text/css" href="style.css" />
  6. <style type="text/css">
  7. body {
  8. width:520px;
  9. margin:0; padding:0; border:0;
  10. font-family: verdana;
  11. background:url(repeat.png) repeat;
  12. margin-bottom:10px;
  13. }
  14. p, h1 {width:450px; margin-left:50px; color:#FFF;}
  15. p {font-size:11px;}
  16. </style>
  17. <meta http-equiv="Content-Type" content="text/html;
  18. charset=iso-8859-1" />
  19. </head>
  20. <body>
  21. <div id="container">
  22. <img src="welcome.png" alt="Frontimg">
  23. </div>
[HTML] pobierz, plaintext


plik2

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  4. <head>
  5. <link rel="stylesheet" type="text/css" href="style.css" />
  6. <style type="text/css">
  7. body {
  8. width:520px;
  9. margin:0; padding:0; border:0;
  10. font-family: verdana;
  11. background:url(repeat.png) repeat;
  12. margin-bottom:10px;
  13. }
  14. p, h1 {width:450px; margin-left:50px; color:#FFF;}
  15. p {font-size:11px;}
  16. </style>
  17. <meta http-equiv="Content-Type" content="text/html;
  18. charset=iso-8859-1" />
  19. </head>
  20. <body>
  21. <div id="container">
  22. <img src="member.png" alt="Frontimg">
  23. <p>You liked this page</p>
[HTML] pobierz, plaintext


plik3

[JAVASCRIPT] pobierz, plaintext 
  1. <div id="fb-root"></div>
  2. <script src="http://connect.facebook.net/en_US/all.js"></script>
  3. <script>
  4.   FB.init({
  5.     appId  : '296633137066777',  //id aplikacji
  6.     status : true, 
  7.     cookie : true, 
  8.     xfbml  : true  
  9.   });
  10. </script>
  11.  
  12. <div id="container_notlike">
  13. YOU DONT LIKE
  14. </div>
  15.  
  16. <div id="container_like">
  17. YOU LIKE
  18. </div>
[JAVASCRIPT] pobierz, plaintext


plik4

[CSS] pobierz, plaintext 
  1. body {
  2. width:520px;
  3. margin:0; padding:0; border:0;
  4. font-family: verdana;
  5. background:url(repeat.png) repeat;
  6. margin-bottom:10px;
  7. }
  8. p, h1 {width:450px; margin-left:50px; color:#FFF;}
  9. p {font-size:11px;}
  10.  
  11. #container_notlike, #container_like {
  12.     display:none
  13. }
[CSS] pobierz, plaintext


plik5

[JAVASCRIPT] pobierz, plaintext 
  1. $(document).ready(function(){
  2.  
  3.     FB.login(function(response) {
  4.       if (response.session) {
  5.  
  6.           var user_id = response.session.uid;
  7.           var page_id = "255811621159995"; //coca cola
  8.           var fql_query = "SELECT uid FROM page_fan WHERE page_id = "+page_id+"and uid="+user_id;
  9.           var the_query = FB.Data.query(fql_query);
  10.  
  11.           the_query.wait(function(rows) {
  12.  
  13.               if (rows.length == 1 && rows[0].uid == user_id) {
  14.                   $("#container_like").show();
  15.  
  16.                   //here you could also do some ajax and get the content for a "liker" instead of simply showing a hidden div in the page.
  17.  
  18.               } else {
  19.                   $("#container_notlike").show();
  20.                   //and here you could get the content for a non liker in ajax...
  21.               }
  22.           });
  23.  
  24.  
  25.       } else {
  26.         // user is not logged in
  27.       }
  28.     });
  29.  
  30. });
[JAVASCRIPT] pobierz, plaintext


Przepraszam że tak dużo kodu..
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.