facebook login/logout issue in website -
i’ve taken below code facebook developer, while login fb it's showing logout button not showing user name , profile logout button. possible add our own button instead of facebook login button?
<html> <head><title>facelogin<title></head> <body> <script> window.fbasyncinit = function() { fb.init({ appid : '478566162309261', status : true, // check login status cookie : true, // enable cookies allow server access session xfbml : true // parse xfbml }); // here subscribe auth.authresponsechange javascript event. event fired // authentication related change, such login, logout or session refresh. means // whenever logged out tries log in again, correct case below // handled. fb.event.subscribe('auth.authresponsechange', function(response) { // here specify response anytime event occurs. if (response.status === 'connected') { // response object returned status field lets app know current // login status of person. in case, we're handling situation // have logged in app. testapi(); } else if (response.status === 'not_authorized') { // in case, person logged facebook, not app, call // fb.login() prompt them so. // in real-life usage, wouldn't want prompt login // this, 2 reasons: // (1) javascript created popup windows blocked browsers unless // result direct interaction people using app (such mouse click) // (2) bad experience continually prompted login upon page load. fb.login(); } else { // in case, person not logged facebook, call login() // function prompt them so. note @ stage there no indication // of whether logged app. if aren't they'll see login // dialog right after log in facebook. // same caveats above apply fb.login() call here. fb.login(); } }); }; // load sdk asynchronously (function(d){ var js, id = 'facebook-jssdk', ref = d.getelementsbytagname('script')[0]; if (d.getelementbyid(id)) {return;} js = d.createelement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_us/all.js"; ref.parentnode.insertbefore(js, ref); }(document)); // here run simple test of graph api after login successful. // testapi() function called in cases. function testapi() { console.log('welcome! fetching information.... '); fb.api('/me', function(response) { console.log('good see you, ' + response.name + '.'); }); } fb.logout(function(response) { // person logged out }); </script> <!-- below include login button social plugin. button uses javascript sdk present graphical login button triggers fb.login() function when clicked. --> <div class="fb-login-button" data-max-rows="1" data-size="medium" data-show-faces="false" data-auto-logout-link="true"> </div> </body> </html>
you can use own button , call fb.login on click:
document.getelementbyid('loginbtn').addeventlistener('click', function() { //do login fb.login(function(response) { if (response.authresponse) { //user authorized app document.getelementbyid('loginbtn').style.display = 'none'; getuserdata(); } }, {scope: 'email,public_profile', return_scopes: true}); }, false);
source: http://www.devils-heaven.com/facebook-javascript-sdk-login/
Comments
Post a Comment