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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -