taille totale d'un ul

**kwak300** · 15/12/2009, 19h23

Bonjour,
je cherche a avoir la taille totale d'un ul avec plusieur li / ul dedans
le code suivant m'affiche une taille de 160 alors qu'au total le ul en fait bien plus.
ca fait 3 heures que je bloque si quelqu'un a une idée ca m'aiderai beaucoup.
merci...
un code d'exemple :

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
 
<html><body id="body" onunload="document.besoin.onClose();">
<ul  onmouseOver="alert(this.clientHeight);">
     <li >
	aaaaa	 
           <ul>
                 <li  >
                    	bbbbb
			<ul>
                              	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
 
                        </ul>
                    </li>
                </ul>
	</li>
 
</ul>
 
</body></html>

**SpaceFrog** · 15/12/2009, 19h27

offsetHeight ?
getCompted style ?

Sinon c'est pour voir si il en manque un dans un coin ?

**Bovino** · 15/12/2009, 19h47

Salut.
clientHeight n'inclue ni les bordures (à priori pas trop grave pour des ul / li) ni les margin, et là, ça peut te faire un gros décalage du fait des styles par défaut de ces balises

Comme préconisé par Spaffy (qui est apparemment en forme

), offsetHeight sera plus proche de la vérité

**kwak300** · 16/12/2009, 09h29

Pour info c'est pour pouvoir ensuite creer une iframe de la bonne taille pour pouvoir mettre tout ca dedans ...

offestHeight comme clientHeight ne donne la taille que du premier li sans tenir compte des differents ul dedans (sous firefox 3.5).

**SpaceFrog** · 16/12/2009, 09h35

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
<html><body id="body">
<ul  onclick="alert(this.offsetHeight);" style="border:solid 1px red;">
     <li >
	aaaaa	 
           <ul>
                 <li  >
                    	bbbbb
			<ul>
                              	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
                           	<li >
                         		CCCCCCC
                           	</li>
 
                        </ul>
                    </li>
                </ul>
	</li>
 
</ul>
 
</body></html>

il me retourne 154 ou 162 selon le navigateur... docn bein la totalité et pas seulement le premier li ...
Tu as sans doute de la propagation avec le onmousover

**kwak300** · 16/12/2009, 14h11

effectivement c'était bien la bonne taille, c'est moi qui comparait avec une mauvaise valeur.

Je vous remercie de vous être penché sur le problème qui n'en etait pas un en fait.

Bonne journée

taille totale d'un ul

JavaScript

Discussions similaires

Partager

Partager