J’ai eu besoin cette semaine de pouvoir redimensionner automatiquement une iframe selon la taille de son contenu…
Comment faire ? Simple… Avec un petit javascript.
Il suffit de mettre le code javascript suivant dans le head de votre page
<script language="JavaScript"> <!-- function calcHeight() { //récupère la hauteur de la page var the_height= document.getElementById('the_iframe').contentWindow. document.body.scrollHeight;</p> <p> //change la hauteur de l'iframe document.getElementById('the_iframe').height= the_height; } //--> </script
puis de créer votre iframe dans le body de votre page comme ceci:
<iframe width="700" id="the_iframe"<br /> onLoad="calcHeight();"<br /> src="testing_page.shtml"<br /> scrolling="NO"<br /> frameborder="1"<br /> height="1"><br /> ici un petit texte visible uniquement<br /> des navigateurs qui ne supportent pas<br /> les iframes<br /> </iframe>
Et voilà ! Ca peut dépanner !
PROMO Fire TV Stick 4K Ultr
-20 € sur la plus puissante des versions du stick d’Amazon
Profitez d’une qualité d’image brillante avec l’accès aux formats 4K Ultra HD, Dolby Vision, HDR et HDR10+. Découvrez un son immersif avec le support pour son Dolby Atmos sur certains titres Prime Video.
Regardez vos programmes préférés sur Prime Video, Netflix, YouTube, Molotov, ARTE, France 24, Disney+, Apple TV et plus encore (des abonnements séparés peuvent être requis).
Accédez à des milliers d’applications et de Skills Alexa, ainsi qu’à des millions de sites Web.