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