Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [AJAX][JavaScript][PHP]Przycisk like - facebook
marian_jankowski
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 20.02.2012

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

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

Ten post edytował marian_jankowski 20.02.2012, 17:11:41
Go to the top of the page
+Quote Post
Majkelo23
post
Post #2





Grupa: Zarejestrowani
Postów: 226
Pomógł: 17
Dołączył: 13.02.2012

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

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

Ten post edytował Majkelo23 20.02.2012, 16:25:55
Go to the top of the page
+Quote Post
marian_jankowski
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 20.02.2012

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

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..
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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