Scrolling | Passer outre la limitation des iframes Facebook

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.

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.

[download id= »17″]

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

 

 

 

 

 

Plus de 900 000 abonné(e)s nous suivent sur les réseaux ! Pourquoi pas vous ? Abonnez-vous à notre Newsletter ou suivez-nous sur Google News et sur WhatsApp pour ne manquer aucune invention et innovation !

Alexandre Bonazzi

J'ai presque un demi-siècle et papa de deux grandes filles. J'ai fait des études en droit et travaillé pendant 30 ans dans une société d'études et de conseil en marketing. Aujourd'hui, je suis créateur de site internet pour les petites entreprises. Je suis passionné par les nouvelles technologies, la High-tech et la pop culture en général. J'ai fondé le site NeozOne en 1999 et depuis je partage avec vous (bénévolement) mes astuces, mes tests et quelques fois mes humeurs, je modère également les commentaires de NeozOne. Je suis par ailleurs amateur de cinéma, série TV, les jeux de plateaux et les jeux de rôles. N'hésitez pas à me contacter directement par courrier électronique pour toute question

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,

    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

      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

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *


Bouton retour en haut de la page