[Mootools] element selectie met dynamische parent

[jbweb]

Misschien ligt het aan het tijdstip, maar ik kom er niet uit.

Ik heb twee unordered lists onder elkaar staan in mijn DOM en deze heeft natuurlijk een parent element.
Wat dit parent element is staat niet vast. Sterker nog, mijn mootools scriptje bouwt op willekeurige plekken in mijn DOM de twee unordered lists.

HTML:

<parent_whatever>
    <ul class="selected">
        <li>optie 1</li>
    </ul>
    <ul class="options" style="display:none;">
        <li>opties 1</li>
        <li>opties 2</li>
    </ul>
</parent_whatever>

Als ik op het eerste list-item klik zou mijn mootools script ervoor moeten zorgen dat de eerste UL op "display:none" komt en de tweede juist "display:block" krijgt.
Maar ik weet niet hoe ik met mootools mijn tweede UL kan benaderen. Ik kan met de bekende dubbele $$ natuurlijk kijken naar:

JavaScript:

$$('ul.options');

Maar er is een grote waarschijnlijkheid dat deze vaker voorkomt in mijn hele HTML document.

Ik wil dus enkel de 'ul.options' in mijn actieve parent. Maar volgens mij kan ik een javascript var niet combineren met mijn normale string, zoals:

JavaScript:

$$(parentElement ' ul.options');

Iemand een idee hoe ik dit dynamisch aan kan pakken?

[H004]

Kan je niet gewoon de tweede ul een ID meegeven?

[SchizoDuckie]

De functies zoals element.getParent() en element.getFirst() pakken tegenwoordig in 1.2b gewoon een CSS selector mee (mits je die selectors meenemt)

Aanschouw ende leer:

JavaScript:

window.addEvent('domready', function() { 
 $$('ul.selected li').addEvent('click', function() { 
        this.getParent().getParent().getFirst('ul.options').setStyle('display', 'block');
       // this is de LI, parent is UL, parent is de 'wrapper'

       // maar het volgende kan ook als je bijv.zeker weet dat dat ding altijd in een DIV genest is:
        this.getParent('div').getFirst('ul.options').setStyle('display', 'block');
   });

});

Don't u just love mootools?

[ Voor 17% gewijzigd door SchizoDuckie op 11-03-2008 20:46 ]

[jbweb]

Ik maakte nog gebruik van versie 1.11, maar na je enthousiaste verhaal ben ik meteen maar gaan kijken of 1.2beta ook wat voor mij was. En na een aantal kleine aanpassingen in mijn scripts bleek alles keurig te werken

En ook het de getParent(). Maar werkte dat dan heel anders in 1.11?

Ondanks dat geef ik je helemaal gelijk. I love mootools

[SchizoDuckie]

jbweb schreef op woensdag 12 maart 2008 @ 12:21:
Ik maakte nog gebruik van versie 1.11, maar na je enthousiaste verhaal ben ik meteen maar gaan kijken of 1.2beta ook wat voor mij was. En na een aantal kleine aanpassingen in mijn scripts bleek alles keurig te werken

En ook het de getParent(). Maar werkte dat dan heel anders in 1.11?

Ondanks dat geef ik je helemaal gelijk. I love mootools

Voor zover ik weet zat er in 1.1 nog geen optie voor een optionele selector in 1.1