WebSite X5Help Center

 
Xavier GREGOIRE
Xavier GREGOIRE
User

Hauteur auto dans code html  fr

Author: Xavier GREGOIRE
Visited 1177, Followers 1, Shared 0  

Bonsoir,

Je cherche une solution pour adapter la hauteur d'une iframe en fonction du contenu à afficher.

Malgré l'utilisation de la fonction height : 100%, je dois obligatoirement utiliser une hauteur prédéfinie et cela laisse du blanc si peu de contenu ou contenu masquer si trop à afficher

Si des idées, merci de partager.

J'avais trouver ceci:

<scripttype="text/javascript">function iframeLoaded(){var iFrameID = document.getElementById('idIframe');if(iFrameID){// here you can make the height, I delete it first, then I make it again iFrameID.height =""; iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight +"px";}}</script><iframeid="idIframe"onload="iframeLoaded()"frameborder="0"src="yourpage.php"height="100%"width="100%"scrolling="no"></iframe>

Cela fonctionne en mode aperçu dans website mais une fois en test sur un navigateur, la hauteur reste bloquée +/- à 100px.

Posted on the
5 ANSWERS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > Fr)  ... dans le code, il manque des espaces de division, et il n'y a pas de retour de tête dans le cas de commentaires; (ou les éliminer);
...OK ... le code peut fonctionner dans NETWORK pour importer des pages externes présentes dans le même espace Web ...
... Je n'ai pas le programme pour pouvoir vérifier, mais je pense que pour le code HTML objet, vous devez attribuer la hauteur automatique ...
... la valeur IFRAME height = "100%"  n'est pas valide;
... correct est par exemple ainsi: height = "300" ...
...!... éventuellement, postez le LIEN (LINK) de votre page avec IFRAME pour pouvoir vérifier les erreurs...!...

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Xavier GREGOIRE
Xavier GREGOIRE
User
Author

voici mon site test www.panoweb.be/auto

Read more
Posted on the from Xavier GREGOIRE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Xavier GREGOIRE
voici mon site test www.panoweb.be/auto

... Sur cette page, je ne vois pas le code IFRAME ...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Xavier GREGOIRE
Bonsoir, C"est sur la page suivante : http://www.panoweb.be/auto/notre-stock.html
 ‪ KolAsim ‪ ‪
(It > Fr)  ... ... ... ...  ...OK ... le code peut fonctionner dans NETWORK pour importer des pages externes présentes dans le même espace Web ... ... ... ... 

...!...   www.panoweb.be/   ...!...    //demo.phpjabbers.com/  ...!...

(It > Fr) ... Comme je l'avais déjà dit, le code de l'IFRAME élastique peut fonctionner si vous importez des pages appartenant au même domaine. Dans votre cas, la page importée provient d'un autre domaine. Le code ne peut donc pas fonctionner ...
(... il pourrait y avoir une alternative si vous pouvez accéder au code source de la page externe et l’éditer; ... mais s'il n'est pas créé par vous, vous ne pouvez rien faire et utilisez ensuite IFRAME de manière traditionnelle ...)

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪