Unable to get value of the property 'closed': object is null or undefined lors du login en local avec Internet Explorer

2012-09-13 2 Min. lecture Développement Web Javascript

Si vous souhaitez développer un site qui met en place de l’authentification Facebook, vous allez surement être confronté à ce problème sous Internet Explorer.

En effet, la configuration par défaut d’Internet Explorer pour les sites intranet pose problème lors de l’authentification via le SDK Javascript de Facebook.

Le code :

<div id="fb-root"></div>
<pre>
<script type="text/javascript">// <![CDATA[
   window.fbAsyncInit = function () {
       FB.init({
           appId: 'VOTRE_APPID',
           channelUrl: '//CHANNEL_URL', // Channel File
           status: true, // check login status
           // enable cookies to allow the server to access the session
           cookie: true, 
           xfbml: true // parse XFBML
       });

       // whenever the user logs in, we tell our login service
       FB.Event.subscribe('auth.login', function () {
           alert('OK');
       });
   };
   
   (function () {
       var e = document.createElement('script');
       e.src = document.location.protocol + 
               '//connect.facebook.net/en_US/all.js';
       e.async = true;
       document.getElementById('fb-root').appendChild(e);
   } ());
// ]]></script>

<fb:login-button perms="email" size="large"></fb:login-button>

Sous Firefox ou encore Chrome, lorsque vous cliquez sur le bouton de connexion, un pop-up apparait vous demandant de vous authentifier sur Facebook. Après la connexion le pop-up se ferme et le message “OK” apparait à l’écran.

continuer la lecture