Forum « Re: Iframe a taille dynamique pb »

Forum « Programmation HTML » (archives)

Re: Iframe a taille dynamique pb

Envoyé: 28 septembre 2004, 9h08 par Oznog

Salut,

Oui c'est possible mais en Javascript, tu peux trouver la hauteur du document externe de cette façon.

document.getElementById(IDduIFRAME).contentWindow.document.body.scrollHeight;

Et ajuster la hauteur du iFrame ainsi :

document.getElementById(IDduIFRAME).style.height = 300;

Attention, la page ouverte dois être sur le même serveur, question de sécurité. Et comme la plupart des gens qui utilisent un iFrame le font justement pour "graber" une page d'un serveur externe, cette technique devient vite inutile.

Code complet :

<html>
<head>
<title>iFrame avec hauteur dynamique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function twAjusteIFrame(sObjet) {
// Code gratuit des Trucsweb.com
var nHauteur = document.getElementById(sObjet).contentWindow.document.body.scrollHeight;
document.getElementById(sObjet).style.height = nHauteur+20;
}
</script>
</head>

<body bgcolor="#FFFFFF">
<iframe src="page.htm" name="Espace1" id="Espace1" width="300" height="400" frameborder="0" border="0"></iframe></td>
<a href="javascript:twAjusteIFrame('Espace1');">test</a>

</body>
</html>

Ciao
Oznog