Bonjour, je suis en train de creer un petit site, avec un menu qui ouvre des pages dans une iframe. Le contenu de chaque page etant plus ou moins long et ayant un carousel en bas de page, j'aimerais que l'iframe se redimentionne automatiquement pour s'ajuster aux differents contenus.
je veux par exemple qu'il n'y ai pas tant de blanc sur la page d'accueil apres les icones de transports, et par exemple, dans ASIA - CAMBODIA on puisse voir la fin de la page
Merci pour votre aide, j'ai deja ecume les forums sans succes, je commence a desesperer !
-Marie
« Dernière Édition: le 15-06-2012 a 13:17:33 par thecallingrock »
Les iframes ne sont pas la meilleur solution pour faire une incrustation, il y a include ou le ajax mais si tel est ton choix :
Dans ta page appelante, met ton iframe avec width à 100% et un id: <iframe id="Monique" src="monique.php" width ="100%"></iframe>
Dans ta page appelée copie le code suivant ça devrait fonctionner: <script type="text/javascript"> function IframeStruct(iframeid) { if (!window.parent) return; var myiframe = window.parent.document.getElementById(iframeid); if(!myiframe) return; myiframe.style.height = document.body.scrollHeight+"px"; } </script>
Puis il te suffit dans ta page appelée d'ajouter l'élément body avec l'appel de la fonction et en attribut l'id de l'iframe(Monique):
<body onload="IframeStruct('instru');"> <!-- Page --> <p>Ici tu met ta page </p< <!-- /Page --> </body>
Dans ta page appelée copie le code suivant ça devrait fonctionner: <script type="text/javascript"> function IframeStruct(iframeid) { if (!window.parent) return; var myiframe = window.parent.document.getElementById(iframeid); if(!myiframe) return; myiframe.style.height = document.body.scrollHeight+"px"; } </script>
donc la j'ai bien mis ca dans ma page home.htm en remplacant iframeid par iframe1
Zut autant pour moi, j'ai oublié de te préciser. Déjà dans ta fonction javascript, rien est à changer, iframeid doit rester iframeid, c'est juste un nom de variable.
Ensuite à l'évenement onload de body dans ta page appelée tu dois mettre l'id de l'iframe : <body onload="IframeStruct('idiframe');">
Zut autant pour moi, j'ai oublié de te préciser. Déjà dans ta fonction javascript, rien est à changer, iframeid doit rester iframeid, c'est juste un nom de variable.
Ensuite à l'évenement onload de body dans ta page appelée tu dois mettre l'id de l'iframe : <body onload="IframeStruct('idiframe');">
Instru c'etait pour un de mes sites
Salut, Ca fonctionne effectivement mieux merci ! mais du coup uniquement pour ma page Home.htm Je voudrais que cela soit applicable a toute mes pages, comment je fais ? par exemple que en cliquant sur Europe, la page soit adaptee a la longueur du contenu.
Auteur 
:
</p<
