Voici les solutions que je te propose suivant le navigateur et le domaine (sécurité) dans lequel s'execute ton code..
En espérant que tu trouves ton bonheur ou que ca te mette sur la bonne voie ..
@+
REM :
PERSO : j'ai finalement opté pour un code en dure (cf. demo en live :
http://www.weboose.fr/sponsors/test_iframe.htm )
---------------------------------------
** solution 1 (uniquement sous ie et pas firefox)
tu indiques des height et width en dure, ex : <iframe height=800 (au lieu de height=100%)
- marche pas sous firefox malheureusement
---------------------------------------
**solution 2 (uniquement sous ie)
Si tu ne connais encore la taille que le contenu de ta frame prendra, tu peux aussi le définir en dure a partir de ta frame plutot qu'a partir du parent...
code du PARENT (dans le body) :
<iframe src="
http://www.weboose.fr/sponsors/sponsorsx.htm" id="sponsorFrame" mame="sponsorFrame" scrolling="auto" frameborder="0"></iframe>
code dans la page appellée par la FRAME (avant le <body> de la page appellée dans l'iframe) :
<script type="text/javascript">
maframe = parent.document.getElementById('sponsorFrame');// frame in the parent
function ExecuteOnload()
{
alert("Apres ce message, l'Iframe va s'agrandir..");
maframe.style.height = "800";
maframe.style.width = "800";
}
</script>
<body onload="ExecuteOnload();">
---------------------------------------
**solution 3 (marche sous ie ET FIREFOX !) :
code du PARENT (dans le body) :
<iframe src="
http://www.weboose.com/sponsors/sponsorsx.htm" id="sponsorFrame" mame="sponsorFrame" width="100%" scrolling="auto" frameborder="0"></iframe>
code dans la page appellée par la FRAME (avant le <body> de la page appellée dans l'iframe) :
<script type="text/javascript">
maframe = parent.document.getElementById('sponsorFrame');// frame in the parent
function resizeIframe() {
var height = parent.document.documentElement.clientHeight;//document.documentElement.clientHeight;
height -= maframe.offsetTop;
height -= 20; /* whatever you set your body bottom margin/padding to be */
maframe.style.height = height +"px";
};
maframe.onload = resizeIframe;
window.onresize = resizeIframe;
</script>
REM ! Attention cpdt, il faut également que parent et frame cible soit soit sous le meme domaine sinon il peut y avoir un "access denied" qui s'opere lors d'un crossdomaine et empeche alors l'execution normal du code
(
http://msdn.microsoft.com/en-us/library/ms533028(VS.85).aspx)
---------------------------------------
**solution 4 (marche sous ie ET FIREFOX !) :
Code à inclure directement dans la page parent dans le body
<body onload="resizeIframe();">
<script type="text/javascript">
function resizeIframe()
{
maframe = document.getElementById('sponsorFrame');// frame in the parent
maframe.style.height = maframe.contentWindow.document.body.scrollHeight+"px"; //changement de la hauteur
maframe.style.width = maframe.contentWindow.document.body.scrollWidth+"px"; //changement de la largeur
}
</script>
<iframe src="
http://www.weboose.com/sponsors/sponsorsx.htm" id="sponsorFrame" name="sponsorFrame" WIDTH="100%" HEIGHT="100%" frameborder="0" scrolling="no"></iframe>
REM ! Attention cpdt, il faut également que parent et frame cible soit soit sous le meme domaine sinon il peut y avoir un "access denied" qui s'opere lors d'un crossdomaine et empeche alors l'execution normal du code
(
http://msdn.microsoft.com/en-us/library/ms533028(VS.85).aspx)
REM . une maniere de contourner le pb de sécurité précédent et avoir un code qui fonctionne a la fois dans ie et firefox serait de réécrire en dure la fonction précédente comme ceci :
function resizeIframe()
{
maframe = document.getElementById('sponsorFrame');// frame in the parent
maframe.style.height = "800";//maframe.contentWindow.document.body.scrollHeight+"px"; //changement de la hauteur
maframe.style.width = "100%";//maframe.contentWindow.document.body.scrollWidth+"px"; //changement de la largeur
}
