[JS] parent van getElementsByTagName

[bRight]

Om de dropdown select boxes te hiden voor een dhtml menu gebruik ik de volgende functie.

var sVisibility is de zichtbaarheidswitch ('visible' of 'hidden')
var sHeight is de hoogte van de uitgeklapte div (bijv '70px')

JavaScript:

function setSelects(sVisibility, sHeight) {
    var maxHeight = parseInt(sHeight.substring(0,sHeight.length-2)) + 24;
    var aSelects = document.getElementsByTagName('SELECT');

    for (var i = 0; i < aSelects.length; i++) {
        if (aSelects[i].offsetTop < maxHeight) {
            aSelects[i].style.visibility = sVisibility;
        }
    }
}

Om te checken of het dhtml menu vertikaal overlapt, check ik de offsetTop van de selectbox.
Dit gaat goed, totdat een select genest is in een ander element, bijvoorbeeld een table.

Nou is mijn vraag hoe ik de offsetTop van het parentelement van de select kan uitlezen, of daarweer het parent element van etc...?

edit:

Kut.. titel vergeten aan te vullen..
Zou de titel gewijzigd kunnen worden in '[JS] parent van getElementsByTagName' ?

[ Voor 11% gewijzigd door bRight op 23-12-2004 19:27 . Reden: titel! ]

[NMe]

Misschien is het handig als je iets gaat lezen over het Document Object Model.

[Wijnbo]

En een iets duidelijkere topictitel zal ook wel mogen...

JoppieSaus?

[bRight]

Sorry ik was de titel vergeten aan te vullen..

-NMe- : tnx voor de link.
In het algemeen kan ik aardig overweg met javascript, maar als er nodes ed bij komen kijken etc haak ik normaal gesproken af.. Wel een mooie gelegenheid om het DOM model eens wat verder onder de loep te nemen.

[Koeniepoenie]

Als je in de loop zit kun je het parent-element gemakkelijk oproepen:

JavaScript:

aSelects[i].parent

Dan heb je dus het parent element

[crisp]

gebruik liever parentNode als je het x-browser compatible wil houden