Redimensionner une frame automatiquement

**thomas9501** · 13/01/2007, 11h35

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

**Immobilis** · 14/01/2007, 12h50

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 :

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

1
2
3
4
5
6
7
8
9
10
11
<SCRIPT LANGUAGE = "JavaScript">
	<!--
	function resizetab(){
		if(document.getElementById("tab").offsetHeight+160 < 800)
		{	window.resizeTo(document.getElementById("tab").offsetWidth+70, document.getElementById("tab").offsetHeight+160);
		}else
		{	window.resizeTo(document.getElementById("tab").offsetWidth+70, 800);
		}
	}
	//-->
</SCRIPT>

A+

**thomas9501** · 15/01/2007, 13h03

merci beaucoup Immobilis, je vais voir ce que je peux faire avec ça.
Si quelqu'un d'autre a une idée ...

**thomas9501** · 15/01/2007, 15h03

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

**thomas9501** · 15/01/2007, 16h36

voila, j'ai trouvé la solution

Code :

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

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>

Redimensionner une frame automatiquement

JavaScript

Discussions similaires

Partager

Partager