Facebook JavaScript SDK FB.Canvas.setSize et setAutoGrow ne fonctionne pas dans IE7 / 8

Question

Actuellement je teste une page de l'onglet Facebook. J'utilise le SDK JavaScript avec la méthode init async recommandé:

window.fbAsyncInit = function() {
        FB.init({
          appId      : app_id,
          status     : true, 
          cookie     : true, 
          oauth      : true,
          xfbml      : true 
        });


        FB.getLoginStatus( loginStatus );
        FB.Canvas.setAutoGrow( );
        FB.Canvas.setSize( {height: 1200 });


     };

     (function(d){
         var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         d.getElementsByTagName('head')[0].appendChild(js);
     }(document));

J'ai des problèmes dans IE7 / 8 où setAutoGrow et setSize ne répondent pas. Ma page d'onglet pas redimensionnement du contenu complet du tout. Au lieu de cela dans la console IE Je reçois cette erreur chaque fois que je l'appelle soit setAutoGrow ou setSize:

SCRIPT438: Object doesn't support this property or method all.js, line 15 character 3916

Je l'ai testé cela dans PC / MAC Chrome / FF / IE9 et tout fonctionne très bien, que IE7 / 8 me donne ces questions. Quelqu'un sait si ceux-ci sont connus des bugs avec le SDK FB JS ou que je fais quelque chose de mal?

Answer 1

<script type="text/javascript">
    FB.Canvas.setSize({ width: 520, height: 1400 });
    window.fbAsyncInit = function () {
        FB.Canvas.setAutoResize();
    }
</script>

Utilisez cette page et le mettre juste avant la fermeture de balise body.

également vous assurer que vous avez cette balise dans les balises du corps aussi:

<div id="fb-root"></div>
<script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>