Redimensionner des div au chargement de la page

**Halex78** · 24/09/2008, 16h46

Bonjour, je souhaite qu'au chargement de ma page, certains soient redimensionnés grâce à un script javascript... Seulement ca ne fonctionne pas, rien n'est redimensionné, et comme des divs sont en position:absolute, ils n'apparaissent pas... Voici mon 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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/javascript">
var milieu_corps = document.getElementById('milieu_corps_centre');
 
var milieu_corps_gauche = document.getElementById('milieu_corps_gauche');
 
var milieu_corps_droite = document.getElementById('milieu_corps_droite');
 
var hauteur_div = milieu_corps.offsetHeight;
 
var hmin = 600;
 
var hauteur_motif = 203;
 
var n = Math.ceil((hauteur_div - hmin)/hauteur_motif);
 
If(hauteur_div>hmin)
{
	var new_hauteur_div = hmin+n*hauteur_motif;
}
else
{
	var new_hauteur_div = hmin;
}
 
milieu_corps.style.height = new_hauteur_div+"px";
milieu_corps_gauche.style.height = new_hauteur_div+"px";
milieu_corps_droite.style.height = new_hauteur_div+"px";
</script>

**E.Bzz** · 24/09/2008, 16h48

Bonjour,
il faut que tu transformes ce code en une fonction, et que tu appelles cette dernière sur le onload du <body>

A+

**Halex78** · 24/09/2008, 16h58

Ca ne fonctionne toujours pas

**E.Bzz** · 24/09/2008, 17h03

On peut voir le HTML des div ?

Si elle n'est pas trop volumineuse, toute la page serait mieux ...

A+

**Halex78** · 24/09/2008, 17h07

Div html avec le contenu affiché via php (ne pas en tenir compte)

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
<div class="corps_total"> 
 
<div id="haut_corps"></div>
 
<div id="milieu_corps_gauche"></div>
 
<div id="milieu_corps_centre">
<div>
<?php 
//Cr�ation automatique de liens � partir des entr�es du glossaire...
include('scripts_php/liens_automatiques.php');
close();
echo $corpsdepage;
?>
</div>
</div>
 
<div id="milieu_corps_droite"></div>
 
<div id="bas_corps"></div>
 
</div>

Le css associé :

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
div.corps_total
{
margin-left:269;
width : 755px;
}
 
div#haut_corps
{
position:absolute;
height:61px;
width:755px;
background-image:url('images/page/haut.png');
}
 
div#milieu_corps_gauche
{
position:absolute;
margin-top:61px;
width:42px;
background-image:url('images/page/bord_gauche.png');
background-repeat:repeat-y;
z-index:150;
}
 
div#milieu_corps_droite
{
position:absolute;
margin-top:61px;
margin-left:700px;
width:42px;
background-image:url('images/page/bord_droit.png');
background-repeat:repeat-y;
}
 
div#milieu_corps_centre
{
position:absolute;
margin-top:61px;
background-image:url('images/page/texture_parchemin.jpg');
margin-left:25px;
width:700px;
}
 
div#milieu_corps_centre div
{
margin:25px;
z-index:151;
}
 
div#bas_corps
{
height:61px;
background-image:url('images/page/bas.png');
}

**gwyohm** · 24/09/2008, 17h06

Envoyé par E.Bzz

Bonjour,
il faut que tu transformes ce code en une fonction, et que tu appelles cette dernière sur le onload du <body>

A+

Ca devrait marcher (autre solution :déplacer ton code à la fin de ta page, juste avant le </body>).
Petite remarque quand même, il y a une majuscule au i de ton if et ca c'est un problème.

**E.Bzz** · 24/09/2008, 17h11

Envoyé par gwyohm

il y a une majuscule au i de ton if et ca c'est un problème.

+1

**E.Bzz** · 24/09/2008, 17h14

Dans le CSS, ce n'est pas la peine de préfixer les ID par "div" : un id étant unique, inutile de spécifier qu'il est dans un div.
Ca suffit peut être à créer le problème (syntaxe fausse).

A+

**Halex78** · 24/09/2008, 17h19

Wahoo ! C'était bien ça, le "i" du if... Merci beaucoup, je me méfierai désormais plus de la casse (c'est mon premier script javascript != avec php, la casse ya pas à s'en soucier)

Redimensionner des div au chargement de la page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager