<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<script type=”text/javascript”>
$(document).ready(function(){
window.fbAsyncInit = function() {
FB.init({
appId : 'Your-App-Id',
status : true,
cookie : true,
xfbml : true,
oauth : true,
});
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
// the user is logged in and has authenticated your
// app, and response.authResponse supplies
// the user's ID, a valid access token, a signed
// request, and the time the access token
// and signed request each expire
var uid = response.authResponse.userID;
var accessToken = response.authResponse.accessToken;
$(‘#loginfb’).css(‘display’,’none’);
$(‘#logoutfb’).css(‘display’,’block’);
getUserPicture(accessToken); //function to retrieving data of your user, will discussed later
} else if (response.status === 'not_authorized') {
// the user is logged in to Facebook,
// but has not authenticated your app
$(‘#loginfb’).css(‘display’,’block’);
$(‘#logoutfb’).css(‘display’,’none’);
} else {
// the user isn't logged in to Facebook.
$(‘#loginfb’).css(‘display’,’block’);
$(‘#logoutfb’).css(‘display’,’none’);
}
});
$(‘#loginfb’).click(function(){
FB.login(function(response) {
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Good to see you, ' + response.name + '.');
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
},{scope: 'email,user_likes'});
});
$('#logoutfb').click(function(){
FB.logout(function(response){
window.location = 'http://www.threelas.com/';
});
});
};
// 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= Your-App-Id ";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
</script>
<button id=”loginfb”>Login</button>
<button id=”logoutfb”>Logout</button>
</body>
When users come to your blog, and the user has not logged into facebook, then the login button is displayed and the logout button is hidden. And when user clicks the login button, then FB.login working. But if the user has previously logged in when it comes to your blog, then FB.getLoginStatus works and hide the login button. While the logout button is displayed. In addition, if the user has previously logged into facebook but never give authority to your application, then the login button will be active. In the above example, when users logout of facebook in your blog, then the program will perform reload the main page http://www.threelas.com.
I apologize if disorder always, I followed the tutorial and I think the problem is when I go to convert the code from html to xml. the html code does not take the template gives me error but if I convert it to xml takes just as for open graph login and logout button does not work. may be a compatibility problem with the model of the template? however, the simple model and I have totally changed me
ReplyDelete