changer la hauteur d'un div

Version imprimable

15/07/2008, 14h24
rinuom99

changer la hauteur d'un div

bonjours,

je veux changer la hauteur d'un div parraport a d'autres div et qui sont indépendant entre eux, je pense qu'elle est infeusable sauf en javascript, s'il y a quelqu'un qui peux me aidé ?
merci
15/07/2008, 14h32
SpaceFrog

Code:

document.getElementById('mondiv').style.height= "...px"
15/07/2008, 14h58
rinuom99

Merci pour la réponse

stp est ce que tu peux me donne un peu plus de détail :oops:, car malgré que j'ai essayé avec un exemple trés simple mais n'as pas marché ?!
15/07/2008, 17h19
E.Bzz

Bonjour,

Citation:

Envoyé par rinuom99

stp est ce que tu peux me donne un peu plus de détail :oops:, car malgré que j'ai essayé avec un exemple trés simple mais n'as pas marché ?!

le mieux aurait été que tu donnes le code HTML de ton div :mrgreen:

Code:

document.getElementById('id_de_ton_div').style.height= "50px";

A+

ok, voici le code,

Code:

1
2
3
4
5
6
 
<div id="welcome">
              		<h5>BIENVENU, SUR NOTRE SITE</h5>
                    <span class="txtwhite"> <?php echo $row_apercu['apercu'] ; ?> </span>
                    <div class="rightsuitelink"><a href="description.php">Plus&nbsp;&nbsp;<img src="images/morebt.png" width="20" height="14" alt="Plus d'information" align="top" /></a></div>
              </div>

Code:

1
2
3
4
5
6
7
8
9
 
div#welcome {
	width:180px;
	height:273px;
	padding:20px;
	text-align:justify;
	background-image:url(../images/welcomebg.png);
	background-repeat:repeat-x
}

donc je veux modifier la hauteur de welcome, pour qu'il s'occupe tout les reste d'espace

j'ai esayé avec :
document.getElementById('welcome').style.height= "..px"; mais n'a pas marché

16/07/2008, 09h33
E.Bzz

Citation:

Envoyé par E.Bzz

Code:

document.getElementById('welcome').style.height= "50px";

Comme ça non plus ? :?
D'où appelles-tu l'instruction ?

A+

oui , je l'appel comme suit

Code:

1
2
3
4
5
6
 
<script type="text/javascript" language="javascript">
 
document.getElementById("welcome").style.height="100px";
 
</script>

16/07/2008, 09h56
E.Bzz

Code:

<input type="button" value="Essai" onclick="document.getElementById('welcome').style.height='100px';">

Et comme ça ?

A+
16/07/2008, 10h07
rinuom99

oui mnt c bon, mais moi je veux qu'elle se fait lors de la chargement de la page !?
16/07/2008, 10h15
Bovino

Oui, mais si le script est dans le head, tu l'appelles avant que la div en question n'existe... Ca pose problème.
Passe par

Code:

<body onload="...">
16/07/2008, 10h29
rinuom99

un grand merci pour E.Bzz et Bovino