Discussion :

[air_v]

Bonjour,
je souhaite savoir s'il y a une méthode, style obj.offsetRight (position du bord inférieur droit) ou plus simple une méthode qui donne directement la hauteur d'un élement DOM. Il va de soit que elt.style.height n'est pas renseigné .

Le but etant juste de faire un menu flottant droite qui ne doit pas sortir de l'élement dans lequel il flotte lorsque la souris elle en sort.

merci
Hervé

[le_chomeur]

tu avais la réponse dans la question

offsetHeight et offsetWidth ^^
tu peux également utiliser clientWidth et clientHeight

un exemple pour te montrer la différence :

Code :

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

1
2
3
4
 
<div id="madiv" STYLE="overflow:scroll; width:200px;"> . . . </DIV>
<input type="button" onclick="alert(document.getElementById('oDiv').clientWidth)" value="client width"  />
<input type="button" onclick="alert(document.getElementById('oDiv').offsetWidth)" value="offset width" />

bon courage

[air_v]

ok merci

[air_v]

Ok, la solution marche bien sous FF mais sous IE7 j'ai un petit problème...

En fait ma taille de référence est celle d'un element <ul> qui est dynamiquement et automatiquement redimensionné lors de l'ajout d'élement <li> à ma liste.

Sous FF, le code

Code :

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

oUL.clientHeight

me donne bien la valeur une fois redimensionné mais pas sous IE7 ou j'ai toujours 0 quelques soit le nombre d'élement, bien que les élément soient visible et que le redimensionnement ait bien eu lieu...

quelqu'un a une idée?

merci,
Hervé

[air_v]

ok autant pour moi, il préfère le offsetHeight semble-t-il