WebSite X5Help Center

 
Xavier GREGOIRE
Xavier GREGOIRE
User

Hauteur auto dans code html  fr

Auteur : Xavier GREGOIRE
Visité 1039, Followers 1, Partagé 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.

Posté le
5 RéPONSES
 ‪ 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Xavier GREGOIRE
Xavier GREGOIRE
User
Auteur

voici mon site test www.panoweb.be/auto

Lire plus
Posté le de 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 ...

.

Lire plus
Posté le de  ‪ 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪