FacebookTutorielsWebmaster

Scrolling | Passer outre la limitation des iframes Facebook

blank

Si vous voulez dépasser la limitation des 720Px en hauteur sans scrolling dégueulasse à coté de votre iframe il suffit d’intégrer ce petit code en javascript.

Mais dans un premier temps il faut vous assurer que votre application est bien paramétrée comme sur l’image ci-dessous. Sans scrollbars et en auto resize.

blank

Dans la page servant d’iframe hébergé sur votre serveur il faut insérer ce code javascript

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title> /// VOTRE_TITRE /// </title><script language="javascript">AC_FL_RunContent = 0;</script><script src="AC_RunActiveContent.js" language="javascript"></script><script type="text/javascript">function framesetsize(w,h){var obj =   new Object;obj.width=w;obj.height=h;FB.Canvas.setSize(obj);}</script></head><body onload="framesetsize(700,1150)"><!--SPECIFIEZ LA TAILLE DE VOTRE IFRAME-->/// LE CONTENU DE VOTRE IFRAME ///</div></body></html>

Vous pouvez également télécharger ce fichier index.html sur ce lien.

À LIRE AUSSI :  Facebook fournira à la justice les adresses IP de toute personne tenant des propos haineux
[download id= »17″]

N’oubliez pas de spécifier la taille de votre iframe et de coller votre contenu à l’endroit indiqué 🙂

 

 

 

 

 

Alexandre Bonazzi

Je travaille dans une société d'études et de conseil depuis 25 ans. Passionné par les nouvelles technologies, le High-tech et la pop culture en général j'ai fondé Neozone en 1999 où je partage depuis des articles et mes humeurs. Vous pouvez m'écrire directement par mail.

Articles similaires

15 commentaires

  1. Bonjour.

    Merci pour toutes ces informations et tous ces tuto !

    Ça fait plus de 2 jours que j’essaie désespérément d’appliquer des codes html et autres pour pouvoir dépasser la limitation des 720Px en hauteur sans scrolling, mais en vain !!

    J’ai besoin de votre aide svp ….

    J’ai donc créé une page facebook et ai installé Static HTML: iframe tabs. J’ai personnalisé ma page d’accueil en html. De ce côté là tout va bien, c’est impeccable. Mais je me heurte à ces dimensions. Comment donc faire pour passer outre ces dimensions ? J’aimerais mettre une mosaïque de photos.

    Pour ce faire, j’ai comme vous dites, copier et coller le code html que vous fournissez. Mais mes connaissances en html étant plus que basiques, je n’ai pas su quoi remplacer et comment.

    Pourriez-vous me venir en aide svp ?

    A bientôt

  2. Bonjour,

    Est-ce que cela fonctionne toujours avec les nouvelles mise a jours de  Facebook ?

    Merci,Ludo

  3. Bonjour,

    Afin que cela fonctionne de mon coté, voila le code que j’ai utilisé

    function framesetsize(w,h){
    var obj = new Object;
    obj.width=w;
    obj.height=h;
    FB.Canvas.setSize(obj);
    }

    MON CONTENU

  4. Bonjour, j’ai réussi a dépasser les 720px à l’aide de votre code. Par contre j’ai toujours la barre de défilement.

      1. As tu une adresse mail ?

        En fait je sais pas trop ce que je dois écrire avec le code de Cmoirness parce que j’ai pas utilisé de DIV.

         En fait j’ai écrit ça:

         

        AC_FL_RunContent = 0;

        function framesetsize(w,h)
        {var obj = new Object;obj.width=w;obj.height=h;FB.Canvas.setSize(obj);}

         
         

        //Du texte //

        // Du texte//
         
          //Du texte//
           

         //Du texte//

          1. je vais regarder ça dans la journée ou la soirée , tu peux me contacter sur Arakiel @ neozone.org

Bouton retour en haut de la page