Redimensionner une frame automatiquement

Version imprimable

13/01/2007, 11h35
thomas9501

Redimensionner une frame automatiquement

voila mon probleme, j'utilise une frame sur ma page et lorsque le contenu de la frame est trop grand, des scroll apparaisse.
Ce que je voudrait arriver a faire, c'est que la hauteur de la frame s'adapte automatiquement au contenu pour éviter que les scroll apparaisse.
Si vous savez comment faire, merci de m'aider :)

Salut,

Voici un morceau de code qui permet de redimenssionner une page (pas un frame) en fonction de la taille d'un tableau. Ce peut être un point de départ.
Code:

1 2 3 4 5 6 7 8 9 10 11 <SCRIPT LANGUAGE = "JavaScript">  </SCRIPT>
A+

15/01/2007, 13h03
thomas9501

merci beaucoup Immobilis, je vais voir ce que je peux faire avec ça.
Si quelqu'un d'autre a une idée ... ;)
15/01/2007, 15h03
thomas9501

Non, ça ne donne rien, j'arrive toujours pas a faire ce que je veux :cry:

voila, j'ai trouvé la solution :king:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
page principale:
 
<html>
<head>
<title>Bonjour</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD> 
<BODY>
<center>
<P><A HREF="one.htm" target="i_frame">Afficher Page1</A></P>
<P><A HREF="two.htm" target="i_frame">Afficher Page2</A></P> 
<DIV ID=posit style="position: absolute; top: 0; left: 0">
<IFRAME NAME="i_frame" SRC="" ALIGN=ABSMIDDLE WIDTH=1 HEIGHT=1 VSPACE=20 HSPACE=30 SCROLLING=no border="yes" FRAMEBORDER=1>
</IFRAME>
</DIV>
</CENTER> 
</BODY> 
</HTML>
 
page 1:
 
<html>
<head>
<title>page 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=javascript>
<!-- 
 
function resizeframe() { 
parent.document.getElementById("i_frame").height=200; 
parent.document.getElementById("i_frame").width=200; 
parent.document.getElementById("posit").style.top=100; 
parent.document.getElementById("posit").style.left=20; 
} 
-->
</script> 
</HEAD> 
<BODY onload="resizeframe()"> 
<CENTER><br><br>
<B>ACCUEIL</B> 
<br>
<P><A HREF="two.htm">Allert Page2</A></P> 
</CENTER> 
</BODY> 
</HTML>
 
Page 2:
 
<html>
<head>
<title>Page 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=javascript>
<!-- 
 
function resizeframe() { 
parent.document.getElementById("i_frame").height=560; 
parent.document.getElementById("i_frame").width=450; 
parent.document.getElementById("posit").style.top=100; 
parent.document.getElementById("posit").style.left=20;  
} 
-->
</script> 
</HEAD> 
<BODY onload="resizeframe()">
<CENTER>
<br>
PAGE 2</B> 
<P><A HREF="one.htm">Retour Page1</A></P> 
</CENTER> 
</BODY> 
</HTML>