Accordion Menu // Selbstgemacht :)

[stiffmeister]

hallo leute,

nachdem ich hier schon des öfteren freundlich belohnt wurde mit hilfe zu problemen möchte ich auch mal meinen beitrag abgeben.

ich habe mich mal hingesetzt und ein accordion menu selbst gemacht, OHNE flash components. der grund: alles was man selber macht hilft einem beim lernen und ich finde einfach dass ich das hier besser steuern kann. ich habe soweit es geht alles mögliche im flashfile (CS3 version) schon erklärt. ihr benötigt weiters folgende extension: http://laco.wz.cz/tween/

ich hab mal das apple menü nachgebaut - just for fun wenn ihr lust und laune habt würd ich mich freuen wenn jemand ideen hat wie man das script verbessern / vereinfachen bzw. erweitern kann.

bei fragen oder anregungen - einfach posten danke euch!

Gefällt mir gut, hab's mal in den Stuff-Bereich verschoben...

[stiffmeister]

hi ich bins wieder.

ich hab mal ein wenig bugfixing betrieben und den code ein wenig vereinfacht. des weiteren habe ich nun ein selbstgebasteltes dropdown menü hinzugefügt, irgendwie fand ich die flash componente langweilig und zu langsam. das XML wurde auch ein bisschen umgeschrieben.

im anhang findet ihr wieder alles was ihr braucht.

nun hab ich mal ne frage:
::: ich bin noch immer nicht dahinter gekommen wie man folgenden codeblock vereinfachen könnte:

PHP-Code:

// buttonfunktion
hB.o.onRollOver = function() {
    if (hID != this._parent.ID) {
        this._parent.bez.colorTo(btnHO, btnZeit);
        this._parent.o.alphaTo(100, btnZeit);
        
        // teil 1: hauptmenüpunkte zurück positionieren auf ursprung ========================
        var btnMove:Number;
        if (hID != undefined) {
            var btnMove:Number = hID + 1;
            while (btnMove < hm1P) {
                new Tween(mcHm1["btnH"+btnMove], "_y", Strong.easeOut, mcHm1["btnH"+btnMove]._y, mcHm1["btnH"+btnMove].pos, btnZeit, true);
                btnMove++;
            };
        };
        
        // teil 2: altes menü zurücksetzen ========================
        mcHm1["btnH"+hID].bez.colorTo(btnHN, btnZeit);
        mcHm1["btnH"+hID].o.alphaTo(0, btnZeit);
        mcHm1["btnH"+hID].maske.tween("_height", 0, btnZeit);
        
        // teil 3: neues submenü öffnen ========================
        this._parent.maske.tween("_height", abk1.childNodes[this._parent.ID].childNodes.length * btnSY, btnZeit);
        hID = this._parent.ID; // hID mit der neuen ID überschreiben
        
        // teil 4: maske und hintergrund für hauptmenü skalieren ========================
        mcHmBG.tween("_height", (hm1P * btnHY) + (abk1.childNodes[this._parent.ID].childNodes.length * btnSY), btnZeit);
        mcHmMask.tween("_height", (hm1P * btnHY) + (abk1.childNodes[this._parent.ID].childNodes.length * btnSY), btnZeit);
        
        // teil 5: hauptmenüpunkte neu positionieren ========================
        var btnMove:Number = hID + 1;
        while (btnMove < hm1P) {
            new Tween(mcHm1["btnH"+btnMove], "_y", Strong.easeOut, mcHm1["btnH"+btnMove]._y, (mcHm1["btnH"+btnMove].pos + (btnSY * abk1.childNodes[this._parent.ID].childNodes.length)), btnZeit, true);
            btnMove++;
        };
    };
}; 


wenn jemand eine idee hätte, könnte dieser es mich / uns wissen lassen? wäre super. danke euch.

ciao ciao

[Timtendo]

Hallo Stiffmeister,

schöne Arbeit ... ich hab dazu, wie solls anders sein, zwei Fragen

1. die Links werden ja in der xml datei via ref definiert (wenn ich das richtig verstanden hab ^^) ... ich habe versucht dort "gotoandplay()" einzufügen was erwartungsgemäß auch nicht geklappt hat ... ich konnte aber auch nicht den bereich im AS finden wo der link übergeben wird ... könntest du mir einen hinweis geben wo das zu finden ist?

Bei den hauptmenu-pukten ... reicht es da aus einfach das ref in die xml einzufügen?

also so:

<mP bez="HOME" ref="_root.inhalt.gotoAndPlay(5);">			
		</mP>

2. und als zweite frage ... ist es möglich das menu auf onRelease zu ändern um die dropdown funktion auszuführen? meine versuche diesbezüglich sind kläglich gescheitert sozusagen -,- ... bei mir verweisen die hauptmenu-punkte auch auf inhalte und wenn schon beim rollover das menu aufklappt denken die user das nur die unterpunkte inhalte enthalten.


Ich hoffe ich klinge nicht zu verwirrt

vielen dank für diese navigation

Gruß
Tim

[pixelpirat]

Sehr schönes Script! Vielen Dank!!!

[Börnd]

Das mit der Übergabe der Links klappt leider bei mir auch nicht.

Geht das überhaupt mit dem Menü?

[palpalo]

hast du eventuel flash 8 version davon?

[the binary]

ueber 5000 hits aber nur 6 beitraege.. was is hier los ?
hab ich was verpasst.. ?