Iframe qui ne s'adapte pas toujours

Version imprimable

Bonjour à vous tous,

Je suis actuellement en train de faire un site et la page index.html contient une iframe qui s'adapte en fonction de la page qui est chargée à l'interieur:

voici le code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> function setHeight(){ var hauteur; var monFrm = document.getElementById('monIframe'); if(document.all){ hauteur = monFrm.contentWindow.document.body.scrollHeight; }else{ hauteur = monFrm.contentWindow.document.body.offsetHeight + 20; } monFrm.setAttribute("height", hauteur); } </script> <iframe id="monIframe" name="Principal" onload="setHeight()" src="intro.html" width="918px" scrolling="YES" style="background-color:#15116b" frameborder="0" ></iframe>
Tous fonctionne correctement quand la page chargée est une page html comme celle qui est chargé quand on accède à la page index du site mais lorsque c'est une autre page style blog (worldpress) ou formulaire (style jotform) la page ne s'adapte plus, au contraire, elle rétrécit jusqu'à son minimum, comme ci l'iframe était vide ou elle reste à la taille de la page qui avait été chargé avant!:(

Y aurait-il une autre solution pour que l'iframe s'adapte parfaitement quelques soit la page qui est chargé à l'intérieur?:?

Un petit coup de main serai le bienvenu !!:ccool:

Merci à tous
Outrun

29/07/2011, 18h38
NoSmoking

Bonjour,
le document.all restreint l'utilisation ~~du strict~~ à IE, voir Opera.
ensuite

Code:

monFrm.contentWindow.document.body.scrollHeight;

pourquoi pas

Code:

monFrm.contentWindow.document.documentElement.scrollHeight;
30/07/2011, 02h40
outrun

Salut NoSmoking et merci pour ta réponse

j'ai modifier la ligne de code par ce que tu me proposes mais cela ne change rien malheureusement.

je ne comprend pas ce que tu veux dire par "le document.all restreint l'utilisation du strict à IE, voir Opera"

Outrun
31/07/2011, 02h45
Willpower

Citation:

Envoyé par outrun

Salut NoSmoking et merci pour ta réponse

j'ai modifier la ligne de code par ce que tu me proposes mais cela ne change rien malheureusement.

je ne comprend pas ce que tu veux dire par "le document.all restreint l'utilisation du strict à IE, voir Opera"

Outrun

Normal, pour des raison de sécurité, tu n'as pas accès au contenu de frames de domaines différents du tien. Et donc pas accès non plus à la taille du contenu.

Citation:

Envoyé par outrun

je ne comprend pas ce que tu veux dire par "le document.all restreint l'utilisation du strict à IE, voir Opera"

moi non plus d'ailleurs :mrgreen:
pour être exact je me suis laisser abuser par une indentation très approximative.
Code:

1 2 3 4 5 6 7 8 9 10 function setHeight(){ var hauteur; var monFrm = document.getElementById('monIframe'); if(document.all){ hauteur = monFrm.contentWindow.document.body.scrollHeight; }else{ hauteur = monFrm.contentWindow.document.body.offsetHeight + 20; } monFrm.setAttribute("height", hauteur); }
là c'est more mieux lisible.

Comme le dit Willpower dont je salut le retour, si les pages à insérer dans l'IFRAME n'appartiennent pas au même domaine que la page contenant, tu n'auras pas accès aux propriétés des pages insérées.

tu peux essayer ce code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function setHeight(){ var hauteur; var monFrm = document.getElementById('monIframe'); try(){ if(document.all){ hauteur = monFrm.contentWindow.document.body.scrollHeight; }else{ hauteur = monFrm.contentWindow.document.body.offsetHeight + 20; } monFrm.setAttribute("height", hauteur); }catch(e){ alert( e.message); } }

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function setHeight(){ var hauteur; var monFrm = document.getElementById('monIframe'); try(){ if(document.all){ hauteur = monFrm.contentWindow.document.body.scrollHeight; }else{ hauteur = monFrm.contentWindow.document.body.offsetHeight + 20; } monFrm.setAttribute("height", hauteur); }catch(e){ alert( e.message); } }
[/QUOTE]

Salut NoSmoking

Merci pour ton aide mais ton code affiche l'iframe figer sur environ 5 centimètres de haut quelques soit la page qui est à l'interieur et dreamweaver me donne une erreur de syntaxe sur : try(){

04/08/2011, 04h15
nadox

Bonjour,
Il y a bien une erreur de syntaxe, une petite recherche t'aurais aidé à trouver que

Code:

try

ne prends aucun paramètre. Ce n'est pas une fonction, mais une instruction du langage...
Bref, enlève les parenthèses.

http://www.w3schools.com/js/js_try_catch.asp

:oops: tant pour moi !!!
bien vue nadox, donc

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function setHeight(){
  var hauteur; 
  var monFrm = document.getElementById('monIframe'); 
  try {  // sans parentheses
    if(document.all){
      hauteur = monFrm.contentWindow.document.body.scrollHeight;
    }else{
      hauteur = monFrm.contentWindow.document.body.offsetHeight + 20;
    }
    monFrm.setAttribute("height", hauteur); 	
  }catch(e){
    alert( e.message);
  }
}