Facebook iframe FB.Toile.setAutoGrow n'est pas automatique à se développer après la charge initiale?

J'ai été la construction d'un facebook onglet à l'aide de html et css et facebook SDK javascript.

J'ai eu des problèmes avec les iframe redimensionnement de la taille du contenu.

J'ai réussi à le faire fonctionner sur de chargement initial, ce qui est cool, à l'aide de ce script ci-dessous...

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">

-

<div id="fb-root"></div>
<script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '00000000000000', //App ID
      channelUrl : '//www.mywebsite.com/channel.html', //Channel File
      status     : true, //check login status
      cookie     : true, //enable cookies to allow the server to access the session
      xfbml      : true  //parse XFBML
    });

    FB.Canvas.setAutoGrow();

  };

  //Load the SDK Asynchronously
  (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));
</script>

et mon channel.html ressemble à...

<?php
 $cache_expire = 60*60*24*365;
 header("Pragma: public");
 header("Cache-Control: max-age=".$cache_expire);
 header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
 ?>
 <script src="//connect.facebook.net/en_US/all.js"></script>

Comme je l'ai dit le chargement initial de la page de redimensionnement est parfait, mais comme je l'ai naviguer autour de l'iframe, il n'a pas d'étendue automatique à mon contenu.

Quelqu'un peut-il informer que je suis très nouveau à ce facebook iframe biz.

Merci d'avance

OriginalL'auteur Joshc | 2012-02-08

  1. 1

    Veuillez vérifier ces:

    Un, avez-vous des <!DOCTYPE html> en haut de l'HTML?

    B, N'votre application génère un code HTML valide? Voici le programme de validation de l'outil: http://validator.w3.org/

    Merci pour votre suggestion. J'ai nettoyé toutes les erreurs si il y a obtenu le feu vert et le doctype est en place. Suis-je en droit de penser l'iframe doit toujours redimensionner le contenu, et pas seulement en charge initiale?
    Dois-je mettre mon contenu à l'intérieur de <div id="fb-root"></div>?
    Non, c'est un wrapper pour Facebook. Il y a 1 an, j'ai résolu mon redimensionner problème de cette façon, mais maintenant, le FB script fonctionne mieux. Vous pouvez utiliser le FB.Toile.setAutoGrow() une fonction pour redimensionner votre iframe automatiquement. Documentation complète ici: developers.facebook.com/docs/reference/javascript/... . Évidemment, il n'est pas continu, vous devez configurer l'intervalle de redimensionner.
    et, comment il a appris à le faire. Si la documentation n'est pas très clair sur la façon de définir les paramètres Actuellement le mien n'a pas de paramètres, FB.Canvas.setAutoGrow();
    Oui, dans ce cas, le redimensionnement fonctionne dans toutes les 100ms.

    OriginalL'auteur Sándor Tóth