taille totale d'un ul

Version imprimable

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:

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>

15/12/2009, 19h27
SpaceFrog

offsetHeight ?
getCompted style ?

Sinon c'est pour voir si il en manque un dans un coin ?
:mouarf3: :dehors:
15/12/2009, 19h47
Bovino

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é ;)
16/12/2009, 09h29
kwak300

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).

Code:

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

16/12/2009, 14h11
kwak300

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