<%@ Page Language="C#" AutoEventWireup="true" CodeFile="fblogin.aspx.cs" Inherits="fblogin" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Facebook Login Authentication Example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <script> // 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: '220170141420118', // 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) { alert(me.toSource()); if (me.name) { document.getElementById('auth-displayname').innerHTML = me.name; document.getElementById('spanname').innerHTML = me.name; document.getElementById('spanemail').innerHTML = me.email; document.getElementById('spanphone').innerHTML = me.user_location; // document.getElementById('spanlocation').innerHTML =; } }) 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(); }); }); } </script> <h1> Facebook Login Authentication Example</h1> <div id="auth-status"> <div id="auth-loggedout"> <div class="fb-login-button" autologoutlink="true" scope="email,user_location,user_checkins"> Login with Facebook</div> </div> <div id="auth-loggedin" style="display: none"> Hi, <span id="auth-displayname"></span>(<a href="#" id="auth-logoutlink">logout</a>) <table> <tr> <td> <b>Name :</b> </td> <td> <span id="spanname"></span> </td> </tr> <tr> <td> <b>Email :</b> </td> <td> <span id="spanemail"></span> </td> </tr> <tr> <td> <b>Phone :</b> </td> <td> <span id="spanphone"></span> </td> </tr> <%-- <tr> <td> <b>Location :</b> </td> <td> <span id="spanlocation"></span> </td> </tr>--%> </table> </div> </div> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)