akkordeon menü mit watch

[alexpetri]

Hallo, hab hier mal ein menü gebastelt
was eine art akkordeon menü darstellt,
allerdings mit variabler höhe,
mein problem ist jetzt noch, das ich bei dem
angeklickten button ich die farbe verändert hätte
z.b. von blau nach grün
nur wie mache ich das dynamisch?
müsste evtl in die moveme funktion rein

wenns fertig ist poste ich dann mal ein bsp.
für sonstige code verbesserungsvorschläge wäre ich auch sehr dankbar...
(z.b benutzen der easing equations)

function buildMenue(menue) {
    o = new Object();
    max = menue.length;
    mc = _root.createEmptyMovieClip("myMenue", 100);
    mc._x = 100;
    mc._y = 100;
        spacer = 10;
    for (i=0; i<max; i++) {
        btn = mc.attachMovie("testbtn", "button"+i, i);
        btn._x = 0;
        btn._y = i*(20+spacer);
        trace(i*(20+spacer));
        btn.i = i;
        btn.nullPos = btn._y;
        btn.nullH = 20;
        btn.myH = 10*(random(8)+12);
        btn.spacer = spacer;
        btn.btnTxt.text = menue[i];
        btn.onPress = function() {
            o.aktu != this ? o.aktu=this : o.aktu=0;
        };
    }
    o.watch('aktu', watcher);
}
function watcher(inst, alt, neu, irgendwas) {
    diff = new Array();
    hneu = 0;
    for (i=0; i<=5; i++) {
        mc = _root.myMenue["button"+i];
        diff[i] = i*(mc.nullH+mc.spacer)+hneu;
        if (i == neu.i) {
            hneu = mc.myH-mc.nullH;
        }
        trace(diff[i]);
    }
    for (i=0; i<=5; i++) {
        mc = _root.myMenue["button"+i];
        if (i == neu.i) {
            mc.moveme(diff[i], mc.myH);
        } else {
            mc.moveme(diff[i], mc.nullH);
        }
    }
    return neu;
}
MovieClip.prototype.moveme = function(zielP, zielH) {
    this.onEnterFrame = function() {
        if (Math.round(this._y) != zielP || Math.round(this.main._height) != zielH) {
            this._y += (-this._y+zielP)*.3;
            this.main._height += (-this.main._height+zielH)*.3;
        } else {
            this._y = zielP;
            this.main._height = zielH;
            delete this.onEnterFrame;
        }
    };
}; 

hier der init code

menue = new Array();
menue[0] = "Game-Info";
menue[1] = "Highscore";
menue[2] = "Quiz";
menue[3] = "Fitness";
menue[4] = "E-Cards";
menue[5] = "Service";
buildMenue(menue);
stop(); 

[andretti]

aloha!

der aus der bibliothek attachte button ist ein movieclip?
den movieclip ein zweites frame verpassen, und bei beiden frames ein "stop();" schreiben;
im zweiten frame änderst Du die Hintergrundfarbe;

btn.onPress = function() {
          o.aktu != this ? this.gotoAndStop(2) && o.aktu.gotoAndStop(1) :0;
          o.aktu != this ? o.aktu=this : o.aktu=0;
 
                }; 

sollte ich richtig erwischt haben?

[alexpetri]

naja danke erstmal
wollte das eigentlich dynamisch tweenen
also als fkt beschreiben. alles schön flüssig

[andretti]

also einen dynamischen farbwechsel?
überblenden quasi?

[alexpetri]

genau, wenn du dir die moveme fkt anschaust.

dort soll quasi analog zu den höhen und positions funktionen
eine funktion für den farbwechsel rein.

[andretti]

in dem button einen movieclip drüber machen;
den im script mal auf _alpha = 0; setzen;
und dann siehe script;

_global.active;//variabel zum auslesen, ob es  aktiv ist
MovieClip.prototype.moveme = function(zielP, zielH) {
    this.onEnterFrame = function() {
        if (Math.round(this._y) != zielP || Math.round(this.main._height) != zielH) {
            this._y += (-this._y+zielP)*.3;
            this.main._height += (-this.main._height+zielH)*.3;
        } else {
            this._y = zielP;
            this.main._height = zielH;
            delete this.onEnterFrame;
        }
    };
//ab hier dann die fade geschichte
    this.background_mc._alpha = 0;
    this.onRelease = function() {
        if (this != _global.active) {
            _global.active.background_mc.onEnterFrame = function() {
                this._alpha>=0 ? this._alpha -= 10 : 0;
            };
            this.background_mc.onEnterFrame = function() {
                this._alpha<=100 ? this._alpha += 10 : 0;
            };
        }_global.active = this;
    };
};