2010-12-31 16 views
0

Hallo Ich entwickle ein Widget, das auf einer externen Website platziert werden wird. Das gesamte Plugin muss in Javascript geschrieben sein. Ich haev hier und dort gesucht, aber bin nicht in der Lage des Facebook Login-Button auf dem WidgetFacebook Login Button nicht Rendering

Mein Code ist die folgende

var fbroot = document.createElement('div'); 
     fbroot.id = "fb-root"; 
     window.fbAsyncInit = function(){ 
      FB.init('xxxxxxxxxxxxxxxxxx', '/xd_receiver.htm');  
     }; 

    var contentRightDiv = document.createElement('div'); 
    contentRightDiv.id = "contentrightdiv"; 
    contentRightDiv.innerHTML = "<form><p><label>Sign in using <div id='socialmedialoginbtns'></div></label></p></form>"; 

var socialmedialoginbtns = document.getElementById('socialmedialoginbtns'); 
    socialmedialoginbtns.innerHTML = '<fb:login-button show-faces="false" width="200" max-rows="1"></fb:login-button>'; 
+1

Haben Sie registriert Ihre App auf Facebook und bekam einen AppId und enthielt Sie die all.js fb? –

Antwort

2

Wenn Sie setzen einen XFBML-Tag auf dem Dokument mit Javascript, verwendet FB erscheinen lassen .XFBML.parse-Funktion zum Rendern der neuen Tags.

0

prüfen Dieser Code-Schnipsel-Code ....

`<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:fb="http://www.facebook.com/2008/fbml"> 
    <body> 
    <div id="fb-root"></div><script type="text/javascript">` 
     window.fbAsyncInit = function() { 
     FB.init({appId: 'Your_App_ID', status: true, cookie: true, xfbml: true}); 
     }; 
     (function() { 
     var e = document.createElement('script'); 
     e.type = 'text/javascript'; 
     e.src = document.location.protocol + 
      '//connect.facebook.net/en_US/all.js'; 
     e.async = true; 
     document.getElementById('fb-root').appendChild(e); 
     }()); 
     window.fbAsyncInit = function() { 
     FB.init({appId: 'Your_App_ID', status: true, cookie: true, xfbml: true}); 

     /* All the events registered */ 
     FB.Event.subscribe('auth.login', function(response) { 
     // do something with response 
     getUserDetails(); 
     login(); 
     }); 
     FB.Event.subscribe('auth.logout', function(response) { 
     // do something with response 
     logout(); 
     }); 

     FB.getLoginStatus(function(response) { 
     if (response.session) { 
      // logged in and connected user, someone you know 
      login(); 
     } 
     }); 
    }; 

    </script> 
    <fb:login-button 
     autologoutlink="true" 
     perms="email,user_birthday,status_update,publish_stream"> 
    </fb:login-button> 
    </body> 
</html>