[Stoff] Dyn. Navi. easy use!!

[RustyCake]

kleine navie die nur angebe von x_pos, y_pos, speed und hoehe der buttons braucht!!
der rest wird aus den arrys generiert!!

Viel Spaß

///////////// Die Array's für das menue, die zu befüllen sind ///////////////////////////////////
///////////// Buttons werden automatisch aus diesen Array's generiert!!!////////////////////////
hmenue_ary = ["section_1", "section_2", "section_3", "section_4", "section_5"];
umenu_ary = [];
umenu_ary[0] = ["sup_section 1_1", "sup_section 1_2", "sup_section 1_3"];
umenu_ary[1] = ["sup_section 2_1", "sup_section 2_2", "sup_section 2_3", "sup_section 2_4", "sup_section 2_5"];
umenu_ary[2] = ["sup_section 3_1", "sup_section 3_2", "sup_section 3_3", "sup_section 3_4"];
umenu_ary[3] = ["sup_section 4_1", "sup_section 4_2"];
umenu_ary[4] = ["sup_section 6_1", "sup_section 6_2", "sup_section 6_3", "sup_section 6_4"];
//////////// Die vier einstellungen für das menue die nötig sind!! /////////////////////////////
var mp = 5;//<---Speed des menues
var xpos_hm = 60;//<--- x_position des menues
var ypos_hm = 40;//<--- y_position des menues
var btn_h = 20;//<-- Button_hoehe, nur bei attach nötig!!
////////////////////////////////////////////////////////////////////////////////////////////////
hbtn_yo = [];
hbtn_yn = [];
ubtn_enco = [];
hbtn_funk = [];
ubtn_funk = [];
sit = [];
var inter = 1;
for (x=0; x<hmenue_ary.length; x++) {
    ubtn_funk.push([]);
    ubtn_enco.push([]);
}
////////////// Erstellung der section_btn's (Haubt_menue) incl. onPress function //////////////
for (i=0; i<hmenue_ary.length; i++) {
    this.attachMovie("base_btn", "main_btn"+i, i+1000, {_x:xpos_hm, _y:btn_h*i+ypos_hm});
    this["main_btn"+i].i = i;
    hbtn_yo.push(ypos_hm+btn_h*i);
    hbtn_funk.push(this["main_btn"+i]);
    hbtn_funk[i].texter.text = hmenue_ary[i];
    und_menu(i);
    hbtn_funk[i].onPress = function() {
        if (hbtn_mv != this._name) {
            hbtn_mv = this._name;
            mm_i = this.i;
            um_i = ubtn_funk[mm_i];
            move_out();
            move_back();
            inter = ((1000/mp)*um_i.length);
        }
    };
}
////////////////// Textfelder für die jetzigen Buttton function //////////////////////////////
this.createTextField("show_me", 200, 140, 100, 500, 200);
tx = new TextFormat();
tx.color = 0x999999;
tx.size = 28;
///////////////// Erstellung der sub_section_btn's incl. onPress function ////////////////////
function und_menu(zw) {
    zw_i = umenu_ary[zw];
    for (i1=0; i1<zw_i.length; i1++) {
        this.attachMovie("menue_btn", zw_i[i1], -i1-(20*zw), {_x:xpos_hm, _y:hbtn_yo[zw]});
        ubtn_funk[zw].push(this[zw_i[i1]]);
        ubtn_funk[zw][i1].texter1.text = zw_i[i1];
        ubtn_enco[zw].push(hbtn_yo[zw]+btn_h*(i1+1));
        ubtn_funk[zw][i1].onPress = function() {
            this._parent.show_me.text = "hallo ich bin button "+this._name+" ;-)";
            show_me.setTextFormat(tx);
        };
    }
}
//////////// Berechnung der endkoordinaten der Sectionbuttons (Hauptmenue) ///////////////////
for (y=0; y<hmenue_ary.length-1; y++) {
    hbtn_yn.push([]);
    mt = umenu_ary[y];
    sit.push(mt.length);
    for (y1=0; y1<hmenue_ary.length-1; y1++) {
        hbtn_yn[y].push(btn_h*y1+(ypos_hm+btn_h));
        hbtn_yn[y][y1] += (sit[y]*btn_h);
    }
    hbtn_yn[y].splice(0, y);
}
//////////// übergibt die Buttonkoordinaten an menue_move für den vorlauf ///////////////////
function move_out() {
    var sID = setInterval(function () {
        for (g3=0; g3<um_i.length; g3++) {
            um_i[g3].menue_move(ubtn_enco[mm_i][g3], mp);
        }
        for (f=(mm_i+1); f<hmenue_ary.length; f++) {
            hbtn_funk[f].menue_move(hbtn_yn[mm_i][f-(mm_i+1)], mp);
        }
        clearInterval(sID);
    }, inter);
}
//////////// übergibt die Buttonkoordinaten an menue_move für den rücklauf /////////////////
function move_back() {
    for (g2=0; g2<um_izw.length; g2++) {
        um_izw[g2].menue_move(hbtn_yo[mm_izw], mp);
    }
    for (k=(mm_izw+1); k<hmenue_ary.length; k++) {
        hbtn_funk[k].menue_move(hbtn_yo[k], mp);
    }
}
////////////////////////// Bewegt die Buttons /////////////////////////////////////////////
MovieClip.prototype.menue_move = function(hmen_btny, hspeed) {
    this.onEnterFrame = function() {
        if (this._y<hmen_btny) {
            this._y += hspeed;
            mm_izw = mm_i;
            um_izw = um_i;
        } else if (this._y>hmen_btny) {
            this._y -= hspeed;
        } else {
            delete this.onEnterFrame;
        }
    };
}; 

[_geo_]

dynamisch praktisch gut !



PS.: nur mit dem speed hauts noch nicht so ganz hin ;-)

speed <= 5 ok speed = 10 ok speed 20 ok aber sonsts ... (oder is das nur bei mir so)

ansonsten find ich`s cool

mfg geo

[RustyCake]

Hehe! für so hohen speed wars ja auch net gedacht
über 20 verschluckt sich des setInterval wahrscheinlich!!
hab nur bis speed 10 getestet!
a bisserl was sehen sollt ma ja schon

[DeMoehn]

Ich beneide immer die Leute die sowas können

[sonar]

Sääähr cool rusty! Danke!

[warrantmaster]

hähä...fein !



grz@froinde rusty & sonar

[RustyCake]

Hehe! Schön wenns Euch gefällt
Ich schieb aber noch ne variante ohne setInterval nach, des is mir zu wackelig!!
Da gibts zuuviele unbekannte wie Framerate etc.
Hoi @ Foind warrant and Sonar!!

[RustyCake]

@ _geo_
habs jetzt mit nem MovieClip controler statt mit setinterval gebastelt, fängt auch ab 20 as spinnen an!!

[RustyCake]

So! update is fertig!!

hmenue_ary = ["section_1", "section_2", "section_3", "section_4", "section_5"];
umenu_ary = [];
umenu_ary[0] = ["sup_section 1_1", "sup_section 1_2", "sup_section 1_3"];
umenu_ary[1] = ["sup_section 2_1", "sup_section 2_2", "sup_section 2_3", "sup_section 2_4", "sup_section 2_5"];
umenu_ary[2] = ["sup_section 3_1", "sup_section 3_2", "sup_section 3_3", "sup_section 3_4"];
umenu_ary[3] = ["sup_section 4_1", "sup_section 4_2"];
umenu_ary[4] = ["sup_section 5_1", "sup_section 5_2", "sup_section 5_3", "sup_section 5_4"];
var mp = 5;//<-- nur werte 1, 2, 4, 5, 10, 20 eingeben!! die button hoehe (btn_h=20) muß durch diesen wert teilbar sein!!
                         //wenn die btn_h zb. 18 wäre könnte man 1, 2, 3, 6, 9 und 18 einstellen!!
var xpos_hm = 60;
var ypos_hm = 40;
var btn_h = 20;
hbtn_yo = [];
hbtn_yn = [];
ubtn_enco = [];
hbtn_funk = [];
ubtn_funk = [];
sit = [];
for (x=0; x<hmenue_ary.length; x++) {
    ubtn_funk.push([]);
    ubtn_enco.push([]);
}
for (i=0; i<hmenue_ary.length; i++) {
    this.attachMovie("base_btn", "main_btn"+i, i+1000, {_x:xpos_hm, _y:btn_h*i+ypos_hm});
    this["main_btn"+i].i = i;
    hbtn_yo.push(ypos_hm+btn_h*i);
    hbtn_funk.push(this["main_btn"+i]);
    hbtn_funk[i].texter.text = hmenue_ary[i];
    und_menu(i);
    hbtn_funk[i].onPress = function() {
        if (hbtn_mv != this._name) {
            hbtn_mv = this._name;
            mm_i = this.i;
            um_i = ubtn_funk[mm_i];
            if (count != 1) {
                move_out();
                count = 1;
            } else {
                move_back();
            }
        }
    };
}
this.createTextField("show_me", 200, 140, 100, 500, 200);
tx = new TextFormat();
tx.color = 0x999999;
tx.size = 28;
function und_menu(zw) {
    zw_i = umenu_ary[zw];
    for (i1=0; i1<zw_i.length; i1++) {
        this.attachMovie("menue_btn", zw_i[i1], -i1-(20*zw), {_x:xpos_hm, _y:hbtn_yo[zw]});
        ubtn_funk[zw].push(this[zw_i[i1]]);
        ubtn_funk[zw][i1].texter1.text = zw_i[i1];
        ubtn_enco[zw].push(hbtn_yo[zw]+btn_h*(i1+1));
        ubtn_funk[zw][i1].onPress = function() {
            this._parent.show_me.text = "hallo ich bin button "+this._name+" ;-)";
            show_me.setTextFormat(tx);
        };
    }
}
for (y=0; y<hmenue_ary.length-1; y++) {
    hbtn_yn.push([]);
    mt = umenu_ary[y];
    sit.push(mt.length);
    for (y1=0; y1<hmenue_ary.length-1; y1++) {
        hbtn_yn[y].push(btn_h*y1+(ypos_hm+btn_h));
        hbtn_yn[y][y1] += (sit[y]*btn_h);
    }
    hbtn_yn[y].splice(0, y);
}
function move_out() {
    for (f=(mm_i+1); f<hmenue_ary.length; f++) {
        hbtn_funk[f].menue_move(hbtn_yn[mm_i][f-(mm_i+1)], mp);
    }
    for (g3=0; g3<um_i.length; g3++) {
        um_i[g3].menue_move(ubtn_enco[mm_i][g3], mp);
    }
}
function move_back() {
    sID = setInterval(function () {
        for (k=(mm_izw+1); k<hmenue_ary.length; k++) {
            hbtn_funk[k].menue_move(hbtn_yo[k], mp);
        }
        for (g2=0; g2<um_izw.length; g2++) {
            um_izw[g2].menue_move(hbtn_yo[mm_izw], mp);
            if (um_izw[um_izw.length-1]._y<=hbtn_yo[mm_izw]) {
                move_out();
                clearInterval(sID);
            }
        }
    }, 20);
}
MovieClip.prototype.menue_move = function(hmen_btny, hspeed) {
    this.onEnterFrame = function() {
        if (this._y<hmen_btny) {
            this._y += hspeed;
            mm_izw = mm_i;
            um_izw = um_i;
        } else if (this._y>hmen_btny) {
            this._y -= hspeed;
        } else {
            delete this.onEnterFrame;
        }
    };
}; 

[bloba]

sauber - geiles teil !


Hi5**Rusty

[RustyCake]

Hehe! Danke

Hi5**bloba

[_geo_]

goil !

rusty said: " fängt auch ab 20 as spinnen an!! "

@rusty: ab 20 siehst eh nix mehr

[Tschdaeff]

was passiert wenn man bei nem menüpunkt mal kein untermenü hat?


servus zusammen


cu mfg
Tschdaeff

[bloba]

Geschrieben von Tschdaeff
was passiert wenn man bei nem menüpunkt mal kein untermenü hat?


servus zusammen


cu mfg
Tschdaeff

dann geths einfach ned auf

[RustyCake]

Hhhm! Gute Frage
dann hats kein untermenue