title: Facebook Connect Auto Login for my website
body: <p>My requirement is that once the user signs in with his Facebook account into my website, from next time onwards he/she should automatically get logged into my website unless he/she has logged out.</p>
  
  <p>Currently I am able to allow users to sign in using Facebook account, but the problem is with the auto login.</p>
  
  <p>My Code is as follows:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  &lt;title&gt;Facebook login&lt;/title&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"&gt; 
  &lt;/script&gt;
   &lt;/head&gt;
  &lt;body&gt;
  &lt;form id="form1" runat="server"&gt;
      &lt;div&gt;
          &lt;table align="center"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td align="center" style="color: #33ccff; font-size: large; font-   weight: bold; text-transform: capitalize;"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td align="center" style="margin-top: 350px;"&gt;
                          &lt;script type="text/javascript"&gt;
                              // 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: 'xxxxxxxx', // 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('UserEmail').innerHTML = me.email;
                                                  document.getElementById('UserGender').innerHTML = me.gender;
                                                  document.getElementById('AccessToken').innerHTML = response.authResponse.accessToken;
  
                                                  getPhoto();
                                              }
                                          })
                                          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(); }); });
  
  
                                  function getPhoto() {
                                      FB.api('/me/picture?type=normal', function (response) {
  
                                          var str = "&lt;br/&gt; &lt;img src='" + response.data.url + "'/&gt;";
  
                                          document.getElementById("ProfilePic").innerHTML = str;
  
                                      });
                                  }
                              }
  
                          &lt;/script&gt;
                          &lt;h1&gt;Facebook Integration with Aspnet Example&lt;/h1&gt;
                          &lt;div id="auth-status"&gt;
                              &lt;div id="auth-loggedout"&gt;
                                  &lt;div autologoutlink="true" class="fb-login-button" scope="email,user_checkins"&gt;
                                      Login with Facebook
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div id="auth-loggedin" style="display: none;"&gt;
                                  Hi, &lt;span id="auth-displayname"&gt;Welcome to Toqsoft &lt;/span&gt;(&lt;a href="#" id="auth-logoutlink"&gt;Signout&lt;/a&gt;)
                                  &lt;div id="ProfilePic"&gt;
                                  &lt;/div&gt;
                                  &lt;div&gt;
                                      &lt;b&gt;Email :&lt;/b&gt;&lt;span id="UserEmail"&gt;&lt;/span&gt;&lt;br /&gt;
                                      &lt;b&gt;Gender :&lt;/b&gt;&lt;span id="UserGender"&gt;&lt;/span&gt;&lt;br /&gt;
                                      &lt;b&gt;AccessToken :&lt;/b&gt;&lt;span id="AccessToken"&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                                  &lt;div id="AccessToken1"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>
  </p>