Discussion :

[outrun]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!

Merci à tous
Outrun

[NoSmoking]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

monFrm.contentWindow.document.body.scrollHeight;

pourquoi pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

monFrm.contentWindow.document.documentElement.scrollHeight;

[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

[Willpower]

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.

[NoSmoking]

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
pour être exact je me suis laisser abuser par une indentation très approximative.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
  }
}

[outrun]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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(){

[nadox]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

tant pour moi !!!
bien vue nadox, donc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
  }
}