Archief - JS: hoogte van een veranderlijk element opvragen

D

Dece

Legacy Member

• 7 aug 2005

• #1

Situatieschets

Ik heb een menu met verschillende submenu's, welke telkens verschillen van hoogte.
Nu wil een soort van animatie aan dit menu toevoegen door het submenu pas te laten tonen als er op de bovenliggende link wordt gedrukt. Dit submenu zou dan langzaam moeten openschuiven totdat het zn volledige hoogte bereikt heeft.
Een beetje zoals het quicklinksmenu van dit forum dus
Hoe kan ik nu de hoogte van dat element te weten komen mbv javascript?
document.getElementById('element').style.height en document.getElementById('element').height geven in ieder geval nix terug!
Hieronder mss nog een kleine situatieschets in geval dat ge mijn uitleg niet begrijpt
​

Code:

<h1>Menu</h1>
<ul>
    <li>
         <a href="#" onclick="openSubmenu('menu')">Hoofmenu</a>
         <ul id="menu">
              <li>submenu</li>
              <li>Ander item</li>
              <li>...</li>
         </ul>
    </li>
</ul>

D

Dece

Legacy Member

• 9 aug 2005

• #2

is da echt onmogelijk?

O

Obliv`

Legacy Member

• 9 aug 2005

• #3

tis nu nie echt hetzelfde, maar mss kan dit uw wat verder helpen:
- http://www.caoxuan.com/cxk/webart/goodies/slidemenu.html
- http://dhtml-menu.com/menu-demos/demo2023.html

nog ff voortgezocht en ik denk dat ik het heb:
- http://javascript.internet.com/navigation/slide-down-menu.html

groeten

D

Dece

Legacy Member

• 10 aug 2005

• #4

mja, ik had al dit gevonden hoor: http://www.alistapart.com/articles/horizdropdowns/
Maar het probleem is dat er ook lange items kunnen tussen zitten ala 'voeg een hittentittententententoonstelling toe' waardoor die li ipv 15px plotseling 30 of 35px wordt --> hierdoor kan de gebruiker dus 1 of meer van de menu-items niet meer zien en da willen we toch vermijden, nie?

O

Obliv`

Legacy Member

• 10 aug 2005

• #5

Dece zei:

mja, ik had al dit gevonden hoor: http://www.alistapart.com/articles/horizdropdowns/
Maar het probleem is dat er ook lange items kunnen tussen zitten ala 'voeg een hittentittententententoonstelling toe' waardoor die li ipv 15px plotseling 30 of 35px wordt --> hierdoor kan de gebruiker dus 1 of meer van de menu-items niet meer zien en da willen we toch vermijden, nie?

Klik om te vergroten...

kan je dan bij de onclick van het navigatie element niet de breedte weergeven als parameter bij die bepaalde UL? Tot waar hij dan moet uitrekken

dus dit is de navi:

about (onclick="javascript: expand(75);")
-history
-team
services (onclick="javascript: expand(100);")
-webdesign
-internet marketing
-domain names

ik denk niet dat dit zo moeilijk is om in een bestaand javascript dat ongeveer aan uw wensen voldoet te implementeren (zelf ken ik ook wel de balle van javascript ze )

groeten

S

Slicer

Legacy Member

• 10 aug 2005

• #6

Getest en werkend in IE6, FF en Opera 8:

document.getElementById (naam).offsetHeight

De waarde wordt altijd in pixels uitgedrukt.

D

Dece

Legacy Member

• 12 aug 2005

• #7

als ik die offsetHeight zowel op de ul als op de onderliggende li's toepas krijg ik altijd 0 geretourneerd.
Nuja dan maar zonder! FF nam toch document.getElementById(element).style.height = 0; niet aan