Quantcast
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Korben Upgrade your mind

Iframe à la taille de son contenu

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 Western Digital Disque dur externe 2 TB USB 3.0

-17 % de réduction

Compatibilité USB 3.0 et USB 2.0. Température de fonctionnement: 41 ° F à 95 ° F
Taux de transfert rapides
Améliorez la performance de votre PC en libérant de l’espace sur votre ordinateur
Capacité massive dans un boîtier compact
La qualité WD dedans et dehors
Formaté pour Windows. Reformatage possible pour les systèmes d’exploitation Mac ou autres

Voir la promo