Wie man einen facebook like Knopf beim Verbinden mit Facebook API über Javascript

Question

neu lade/aktualisiere Ich benutze die JS API, um mich mit Facebook innerhalb meiner Website zu verbinden. Dies erfordert einen Klick auf eine Schaltfläche und die Benutzerprofilinfo usw. wird über Javascript geladen.

Mein Problem ist, dass ich eine FB wie Button in meiner Seite haben.

<div id="fb-like" style="position:absolute; left:340px; top:80px;"> 
     <fb:like href="http://www.facebook.com/xxxxxx" send="true" width="450" show_faces="false" colorscheme="dark"></fb:like> 
    </div> 

Aber wenn die Info-Benutzer in gebracht wird, auf die Schaltfläche doesnt zeigen, dass angemeldet im in Ordnung, dass im sehen Ich muss die Seite aktualisieren, und dann heißt es, dass es mir gefallen hat und welche meiner Freunde es mögen.

Gibt es eine Möglichkeit, die Schaltfläche wie zu aktualisieren, wenn die Javascript-Anmeldung abgeschlossen ist?

Thanks :)

Answer 1

Sie können auf die Schaltfläche aktualisieren, indem Sie DOM Bearbeitung mit Javascript, um das Login-Ereignis zu reagieren.

Hier ist, wie ich es mache.

 <div id="fblike" style="position:absolute; left:340px; top:80px;"></div> 
<div id="fb-root"></div> 
<script> 
     window.fbAsyncInit = function() { 
     FB.init({ 
     appId : '135669679827333', 
     status : true, // check login status 
     cookie : true, // enable cookies to allow the server to access the session 
     xfbml : true, // parse XFBML 
     //channelUrl : 'https://anotherfeed.com/emo/channel.html', // channel.html file 
     oauth : true // enable OAuth 2.0 
     }); 
     function onlogin(){ 
     var loginb=document.getElementById('fblike'); 
     loginb.innerHTML=''; 
     loginb.innerHTML='<div id="fb-like"><fb:like 
     href="http://www.facebook.com/xxxxxx" send="true" width="450" 
     show_faces="false" colorscheme="dark"></fb:like></div>'; 
     FB.XFBML.parse(loginb); 
     }; 

     FB.Event.subscribe('auth.login', function(response) { 
     onlogin(); 
     }); 
     FB.Event.subscribe('auth.logout', function(response) { 
     //window.location.reload(); 
     }); 
     }; // Load the SDK Asynchronously 
     (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; 
     if(d.getElementById(id)) 
     return; js = d.createElement(s); js.id = id; js.src = 
     "//connect.facebook.net/en_US/all.js#xfbml=1&appId=135669679827333"; 
     fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 
     'facebook-jssdk')); 
    </script>