Adressere elementer indenfor et div-tag
Hej EksperterI korte træk har jeg en side bygget op af en række 'boxes', bestående af div-bokse med en ramme bestående af yderligere 8 div-tags.
<div class="box_content" id="box2">
<div class="box_upperleft" name="frame"></div>
<div class="box_upper" name="frame"></div>
<div class="box_upperright" name="frame"></div>
<div class="clearfloat" name="frame"></div>
<div class="box_left" name="frame"></div>
This is another box
<div class="box_right" name="frame"></div>
<div class="box_lowerleft" name="frame"></div>
<div class="box_lower" name="frame"></div>
<div class="box_lowerright" name="frame"></div>
</div>
Jeg vil gerne kunne hhv. vise og skjule rammerne når man kører musen henover boksene. I den forbindelse skal jeg jo så adressere ramme-div'erne i hver enkelt, så jeg kan vise/skjule dem. Jeg har forsøgt mig med noget i stil med:
function showFrame(elm) { //kaldes af boks-div'en med this
frameElms = elm.getElementsByName('frame');
// Koden til at vise/skjule
}
Men det virker ikke :(
Er der nogen der har et forslag til en smart løsning? Synes det virker som noget der burde være ligetil.. Da boksene skal oprettes programmatisk ville det klart være at foretrække ikke at skulle give dem allesammen et unikt id..
På forhånd tak, Mesteren