Pour intégrer aisément intégrer facilement un page ou in site externe dans sa page (HTML, PHP,...) avec iframe, il se pose souvent le problème d'hauteur du cadre don, il faut faire intervenir le scroll.

Pour adapter la hauteur d'un iFrame par rapport à son contenu sans faire intervenir le scroll, je vous partage mon petit code qui marche bien :

 

 

<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content=", gaston, ikati, sk, edit">
<meta name="description" content="SK EDIT, CMS by Gaston LIFETA IKATI">
<meta name="author" content="GLIS VISION Group">

<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script language="javascript">
// la fonction 
function simpleFrame(id)
{
var mains = mains;
var hauteur = window.innerHeight;
var autheight = document.getElementById(id);
autheight.height = hauteur - 115;
}

</script>
</head>
<body onload="simpleFrame('mains');" onresize="simpleFrame('mains')">

<iframe id="mains" name="" src="http://www.glisweb.com/me" allowtransparency="true" style="border:none ;" scrolling="auto" width="100%">
</iframe>

<script>
simpleFrame('mains');
</script>
</body>

</html>

Avec espoir que ce petit code sera utile pour quelqu'un.

Plus d'informations sur http://www.glisweb.com/me 

 

Partager la publication