samedi 15 juin 2013

IFRAME redimensionné à 100% de la hauteur de la page

Quand on met 100% de hauteur à un iframe, ça ne marche pas...

Voici un bricolage qui devrait fonctionner mais je n'ai pas essayé encore...

Mettre ce code dans votre HEAD

<script language="JavaScript">
<!--
function resize_iframe()
{

 var height=window.innerWidth;//Firefox
 if (document.body.clientHeight)
 {
  height=document.body.clientHeight;//IE
 }
 //redimensionne l'iframe en fonction de la taille de la
 //fenêtre (tous ceux-ci doivent être sur la même ligne.)
 document.getElementById("essai").style.height=parseInt(height-
 document.getElementById("essai").offsetTop-8)+"px";
}

// Ceci redimensionnera votre cadre
// chaque fois que vous changerez la taille de la fenêtre.
window.onresize=resize_iframe; 

//Au lieu d'utiliser le précédent, vous pouvez utiliser ceci: 
// <BODY onresize="resize_iframe()">


//-->
</script>

Ensuite, créez votre iframe dans votre page (body) ou dans un message:

<iframe id="essai" src="http://mapage.htm" width="100%" onload="resize_iframe()">
</iframe>

Origine http://th.atguy.com/mycode/100_percent_iframe/

Aucun commentaire:

Enregistrer un commentaire