[javascript] Redimension IFrame avec un frameset

Version imprimable

Salut,

J'ai actuellement une IFrame qui se redynamise sans problemes avec une page normale. J'ai cependant une de mes pages qui n'a pas de body, et je redimensionne par rapport a mon body :
Code:

1 2 3 4 5 6 7 8 9 function size(){ var nHauteur = document.getElementById("ifrm").contentWindow.document.body.scrollHeight; document.getElementById("ifrm").style.height = nHauteur; var nLargeur = document.getElementById("ifrm").contentWindow.document.body.scrollWidth; document.getElementById("ifrm").style.width = nLargeur; }
La page qui pose probleme possede un frameset � la place du body. Est-il possible d'adapter ce code pour qu'il se redimensionne aussi lors de l'appel a une page contenant un frameset ?
merci

Fred

21/06/2006, 14h55
siddh

salut,
il me semble que tu peux faire un truc comme �a :

Code:

document.body.cols = "67%, *";

il y a aussi rows bien sur
21/06/2006, 15h02
mavina

Salut,

Merci de ta r�ponse, mais le probleme n'est pas de red�finir la taille du frameset, mais de r�cup�rer cette taille pour justement redimensionner l'iframe ;)

merci

Fred
21/06/2006, 15h04
siddh

ah ben recup�re les frames qu'il y a dedans et tu additionne leurs tailles ?
21/06/2006, 15h05
mavina

donc je r�cup�re comment la taille ?

Actuellement je redimensionne mon iframe en allant chercher la taille du body. Comment je r�cupere les frame du frameset en javascript ?

merci

Fred
21/06/2006, 15h16
siddh

ben quand t as le window, tu as la collection frames. ensuite, document.....

Salut,

J'ai tent� �a, mais ca ne fonctionne pas (je suis d�butant au fait, oubli� de mettre dans le titre) : (tab et tit sont les id des 2 frames)

Code:

1
2
3
4
5
6
7
8
 
var nHauteur = document.getElementById("ifrm").contentWindow.document.body.scrollHeight;
nHauteur = nHauteur + document.getElementById("ifrm").contentWindow.Frames['tit'].document.body.scrollHeight + document.getElementById("ifrm").contentWindow.Frames['tab'].document.body.scrollHeight;
document.getElementById("ifrm").style.height = nHauteur;
 
var nLargeur = document.getElementById("ifrm").contentWindow.document.body.scrollWidth;
nLargeur = nLargeur + document.getElementById("ifrm").contentWindow.Frames['tit'].document.body.scrollWidth + document.getElementById("ifrm").contentWindow.Frames['tab'].document.body.scrollWidth;
document.getElementById("ifrm").style.width = nLargeur;

Une tchote aide ? :aie:

merci

Fred

21/06/2006, 15h33
siddh

JavaScript est case sensitive, frames donc et pas Frames
21/06/2006, 15h35
mavina

corrig�, mais toujours pas fonctionnel :aie:

voici la solution pour ceux qui auraient le meme probleme, je viens de trouver :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var nHauteur = document.getElementById("ifrm").contentWindow.document.body.scrollHeight;
if(document.getElementById("ifrm").contentWindow.frames['tit'] !=null) {
  if (document.getElementById("ifrm").contentWindow.frames['tit'].document.body.scrollHeight >= document.getElementById("ifrm").contentWindow.frames['tab'].document.body.scrollHeight) {
    nHauteur = document.getElementById("ifrm").contentWindow.frames['tit'].document.body.scrollHeight;
  }else {
    nHauteur=document.getElementById("ifrm").contentWindow.frames['tab'].document.body.scrollHeight ;
    } 
  }
  document.getElementById("ifrm").style.height = nHauteur;  
 
 
var nLargeur = document.getElementById("ifrm").contentWindow.document.body.scrollWidth;
if(document.getElementById("ifrm").contentWindow.frames['tit'] !=null) {
  if (document.getElementById("ifrm").contentWindow.frames['tit'].document.body.scrollWidth >= document.getElementById("ifrm").contentWindow.frames['tab'].document.body.scrollWidth) {
    nLargeur = document.getElementById("ifrm").contentWindow.frames['tit'].document.body.scrollWidth;
  }else {
    nLargeur=document.getElementById("ifrm").contentWindow.frames['tab'].document.body.scrollWidth ;
    } 
  }
  document.getElementById("ifrm").style.width = nLargeur;

Bioen � vous, et merci encore ;)

Fred