Recuperer la largeur d'une div

**Sourrisseau** · 21/03/2007, 19h32

Bonsoir a tous !!!

Un probleme pour un debutant ... je souhaiterai recuperer la largeur d'une div.

Voici mon code :

Code :

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

1
2
3
4
5
6
 
function reduire(){
	var idDiv = document.getElementById("Affichage");
	var larg = idDiv.style.width;
	alert(larg);
}

et cela ne me donne rien .....("Affichage" est une div avec une largeur de 700 px) ....

Voili si vous avez la reponse merci bien ....

**magnus2005** · 21/03/2007, 19h36

Montre voir ton code HTML STP

**Sourrisseau** · 21/03/2007, 20h26

en entier et avant premiere ...

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
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<link  href="Style.css" rel="stylesheet" type="text/css" />
</head>
<body>
 
<div id="BandeauHaut"></div>
<div id="MenuHorizon">
	<ul id="MenuHorizon ul">
		<li id="MenuHorizon ul li"><a href="#" >Deroulant</a></li>
		<li><a href="#">Poesie</a></li>	
		<li><a href="#">PHP</a></li>	
		<li><a href="#">FAQ</a></li>
		<li><a href="#">Infos</a></li>		
	</ul>
</div>
 
<div id="Corps">
	<div id="MenuVertical">Menu</div>
	<div id="Affichage">
 
	<br />
	<br />
	<form nom="valeurX" >
	Rentrer votre valeur X <input id="X" type="text" size="10"  name="X" />
	<br />
	Rentrer votre valeur Y <input  id="Y" type="text" size="10" name="Y" />
	<br />
	<input type="button" value="calculer"  onclick="somme('X','Y','resultat')"/>
	</form>
	<br />
	<br />
	<span id="resultat">0</span>
	<br />
	<br />
	<input type="button" value="Retrecir"  onclick="reduire()"/>
 
 
	<script language="javascript">
 
 
	function somme(idx,idy,idspan){
	var x = document.getElementById(idx);
	var y = document.getElementById(idy);
	var tot = document.getElementById(idspan);
	sum = parseInt(x.value) + parseInt(y.value);
	tot.innerHTML = sum;
	}
 
	function reduire(){
	var idDiv = document.getElementById("Affichage");
	var larg = idDiv.style.width;
	alert(larg);
	}
 	</script>
 
	</div>	
</div>
</body>
</html>

**Bisûnûrs** · 21/03/2007, 21h55

Code :

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

var larg = idDiv.offsetWidth;

**Sourrisseau** · 21/03/2007, 22h07

Super , merci beaucoup !!! Je me permet de vous posez une autre question , y a t il un site qui donne une liste des differentes methodes pour recuperer ce type d'information ? Je debute en Javascript et la plus part des sites consacrer a ce langague offre assez rarement un "dictionnaire" de ces methodes.

Merci bien et bonne soirée !!

**Bisûnûrs** · 21/03/2007, 22h22

Regarde de ce côté :

http://www.devguru.com/Technologies/...ipt_index.html

**Sourrisseau** · 22/03/2007, 06h41

Je ne te fais pas la bise mais le coeur y est !!!

merci mille fois !!!

Recuperer la largeur d'une div

JavaScript

Discussions similaires

Partager

Partager