<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Facebook login</title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"> </script> </head> <body> <form id="form1" runat="server"> <div> <table align="center"><tbody> <tr> <td align="center" style="color: #33ccff; font-size: large; font-weight: bold; text-transform: capitalize;"></td></tr> <tr> <td align="center" style="margin-top: 350px;"><script type="text/javascript"> // Load the 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)); // Init the SDK upon load window.fbAsyncInit = function () { FB.init({ appId: '1402660203333505', // App ID channelUrl: '//' + window.location.hostname + '/channel', // Path to your Channel File status: true, // check login status cookie: true, // enable cookies to allow the server to access the session xfbml: true // parse XFBML }); // listen for and handle auth.statusChange events FB.Event.subscribe('auth.statusChange', function (response) { if (response.authResponse) { // user has auth'd your app and is logged into Facebook FB.api('/me', function (me) { if (me.name) { document.getElementById('auth-displayname').innerHTML = me.name; } }) document.getElementById('auth-loggedout').style.display = 'none'; document.getElementById('auth-loggedin').style.display = 'block'; } else { // user has not auth'd your app, or is not logged into Facebook document.getElementById('auth-loggedout').style.display = 'block'; document.getElementById('auth-loggedin').style.display = 'none'; } }); $("#auth-logoutlink").click(function () { FB.logout(function () { window.location.reload(); }); }); }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)