Iframe et hauteur automatique
wrea
-
gwenm Messages postés 594 Date d'inscription Statut Membre Dernière intervention -
gwenm Messages postés 594 Date d'inscription Statut Membre Dernière intervention -
bonjour,
J'ei une page principale, ou j'appelle un Iframe dedans ( je connais le débat sur les iframe etc...)
Hors je voudrais que l'ifram s'adapte non pas à son contenu mais à ce qu'il reste comme hauteur dans la page principal.
le but est déviter d'avoir des scroll partout. ainsi la page index ne contient aucun scroll puisque l'iframe s'adapte automatiquement à lespace qu'il lui reste.
merci beaucoup pour votre aide.
J'ei une page principale, ou j'appelle un Iframe dedans ( je connais le débat sur les iframe etc...)
Hors je voudrais que l'ifram s'adapte non pas à son contenu mais à ce qu'il reste comme hauteur dans la page principal.
le but est déviter d'avoir des scroll partout. ainsi la page index ne contient aucun scroll puisque l'iframe s'adapte automatiquement à lespace qu'il lui reste.
merci beaucoup pour votre aide.
A voir également:
- Iframe hauteur automatique
- Réponse automatique thunderbird - Guide
- Longueur largeur hauteur ✓ - Forum Loisirs / Divertissements
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Logiciel de sauvegarde automatique gratuit - Guide
- Réponse automatique gmail - Guide
5 réponses
Voici un code qui fonctionne bien! J'ai galérer aussi ;-)
<html>
<script type="text/javascript">
function autoIframe(frameId){
try{
frame = document.getElementById(frameId);
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
objToResize = (frame.style) ? frame.style : frame;
objToResize.height = innerDoc.body.scrollHeight + 10;
}
catch(err){
window.status = err.message;
}
}
</script>
<body>
<iframe id="tree" name="tree" src="tree.htm" onload="if (window.parent && window.parent.autoIframe) {window.parent.autoIframe('tree');}"></iframe>
</body>
</html>
<html>
<script type="text/javascript">
function autoIframe(frameId){
try{
frame = document.getElementById(frameId);
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
objToResize = (frame.style) ? frame.style : frame;
objToResize.height = innerDoc.body.scrollHeight + 10;
}
catch(err){
window.status = err.message;
}
}
</script>
<body>
<iframe id="tree" name="tree" src="tree.htm" onload="if (window.parent && window.parent.autoIframe) {window.parent.autoIframe('tree');}"></iframe>
</body>
</html>
Il suffit de mettre un height:100%; à l'iframe et définir une hauteur aux éléments parents (ne pas oublier la balise html)