changer la hauteur d'un div

**rinuom99** · 15/07/2008, 14h24

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

**SpaceFrog** · 15/07/2008, 14h32

Code :

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

document.getElementById('mondiv').style.height= "...px"

**rinuom99** · 15/07/2008, 14h58

Merci pour la réponse

stp est ce que tu peux me donne un peu plus de détail

, car malgré que j'ai essayé avec un exemple trés simple mais n'as pas marché ?!

**E.Bzz** · 15/07/2008, 17h19

Bonjour,

Envoyé par rinuom99

stp est ce que tu peux me donne un peu plus de détail

, 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

Code :

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

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

A+

**rinuom99** · 16/07/2008, 09h19

ok, voici le code,

Code :

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

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 :

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

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é

**E.Bzz** · 16/07/2008, 09h33

Envoyé par E.Bzz

Code :

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

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

Comme ça non plus ?

D'où appelles-tu l'instruction ?

A+

**rinuom99** · 16/07/2008, 09h52

oui , je l'appel comme suit

Code :

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

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

**E.Bzz** · 16/07/2008, 09h56

Code :

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

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

Et comme ça ?

A+

**rinuom99** · 16/07/2008, 10h07

oui mnt c bon, mais moi je veux qu'elle se fait lors de la chargement de la page !?

**Bovino** · 16/07/2008, 10h15

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 :

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

<body onload="...">

**rinuom99** · 16/07/2008, 10h29

un grand merci pour E.Bzz et Bovino

changer la hauteur d'un div

JavaScript

Discussions similaires

Partager

Partager