prototype; Button hin+her-verschieben

[johanness]

Hi,

also beim Drüberfahren über meine Buttons geht alles super. Nur ich schaffs nicht, dass der Button wieder 10 Pixel zurückfährt, wenn der User wieder runterfährt. Wahrscheinlich ist dieser Ansatz sowieso total umstüändlich.....

/////////////////// Die Button-Effekte: Start /////////////////////
 
MovieClip.prototype.um_btn_effekt = function(over_out) {
    this.onEnterFrame = function() {
        
        if(over_out == 0) {      // Beim Drübergehen
            k = 0;
            if(k<=10) {
                this._x += 1;
                k++;
            } else {
                delete this.onEnterFrame;
            }
        } else {                                // Beim runterrollen
            k = 10;
            if(k>1) {
                this._x -= 1;
                k--;
            } else {
                delete this.onEnterFrame;
            }
        }
 
        
        
    };
};
/////////////////// Die Button-onRollOver-Effekte: Ende //////////////////////
 
 
 
/////////////////// Mouse-Eventz festlegen: Start //////////////////////
for(var i=0; i<=um1_btn_anzahl; i++) {
    this["um1_btn"+i].onRollOver = function() {
        this.um_btn_effekt(0);
    }
 
    this["um1_btn"+i].onRollOut = function() {
        this.um_btn_effekt(1);
    }
}
/////////////////// Mouse-Eventz festlegen: Ende /////////////////////// 
 

Danke!!!

[RustyCake]

Hehe!! Bitteeeee

timeline = this;
MovieClip.prototype.btn_alf = function(wert, speed) {
    this.enabled = 0;
    this.onEnterFrame = function() {
        if (this._alpha<wert) {
            this._alpha += speed;
        } else {
            this.enabled = 1;
            delete this.onEnterFrame;
        }
    };
};
///////////////////  neuer teil anfang  //////////////////////////////
MovieClip.prototype.btn_x = function(tx, sp) {
    this.onEnterFrame = function() {
        trace(tx);
        if (this._x<tx) {
            this._x += sp;
        } else if (this._x>tx) {
            this._x -= sp;
        } else {
            delete this.onEnterFrame;
        }
    };
};
for (i=1; i<=5; i++) {
    var sx = timeline["btn_mc"+i]._x+10;
    var bx = timeline["btn_mc"+i]._x;
    timeline["btn_mc"+i]._alpha = 0;
    timeline["btn_mc"+i].onRollOver = function() {
        this.btn_x(sx, 1);
    };
    timeline["btn_mc"+i].onRollOut = function() {
        this.btn_x(bx, 1);
    };
}
//////////////////////////// der neue teil ende  ////////////////////
var j = 1;
sID = setInterval(function () {
    timeline["btn_mc"+j].btn_alf(100, 2);
    j++;
    if (j>=6) {
        clearInterval(sID);
    }
}, 500); 

[johanness]

Vielen Dank!
Werd's mir mal wieder anschaun Muss doch auch mal "" *g*


Edit:
PS: Wieso eigentlich immer timeline und nicht gleich this? Und wieso gehts anders gar nicht? Versteh das nicht? War ja bei dem Alpha-Wert Script auch schon so!

[RustyCake]

ach ich hab mir versucht des _root abzugewöhnen, und da refferier ich immer so auf die timeline!!
ist sicherer für mich, da weiss ich dann wo ich mei zeugs abhohlen kann

Edit: wennst die demo die ich gebastelt hab, haben möchtest mußt nur sagen

[johanness]

Aber wieso selbst hier? Ich meine..., this ist doch dann auch immer richtig, da kann ich doch noch so viel einladen und entladen wie ich will, das stimmt doch dann auch immer, oder weiß ich da was noch nicht ?

[RustyCake]

Können tut man viel können, aber ich fühl mich halt so besser, resp sicherer

hier zb, is this fürn poppo!!

var j = 1;
sID = setInterval(function () {
    this["btn_mc"+j].btn_alf(100, 2);//<--da brauchts ne timeline
    j++;
    if (j>=6) {
        clearInterval(sID);
    }
}, 500); 

schmeiss noch mal ein blick in meinen post eins weiter oben

[johanness]

Das habe ich auch schon aus eigener Erfahrung gemerkt Aber wieso eigentlich, das verstehe ich nicht? Wenn du timline = this; festlegst ist es doch eigentlihc das selbe ???

[RustyCake]

in functionen beziehts sich "this" auf die function und nich auf die timeline in der seh steht!!

[johanness]

Ach so dann ist "timeline" gar nicht nur irgendeine Variabe, die man auch anders hätte nennen können?! Verstehe.... Danke!

[RustyCake]

Hehe! doch kannst auch "var Butterbrot = this;" schreiben!!

[johanness]

Es mag nicht so ganz... die Buttons fliegen einfach davon *g*

/////////////////// Die Button-Effekte: Start /////////////////////
MovieClip.prototype.um_btn_effekt = function(over_out) {
        if(over_out == 0) {      // Beim Drübergehen
            if(this._alpha>minWert) {
                this._alpha -= schritt;
            } else {
                delete this.onEnterFrame;
            }
            
        } else {                                // Beim Runterrollen
            if(this._aplha<100) {
                this._alpha += schritt/2;
            }
        }
};
MovieClip.prototype.um_btn_x = function(tx, sp) {
    this.onEnterFrame = function() {
        trace(tx);
        if (this._x<tx) {
            this._x += sp;
        } else if (this._x>tx) {
                this._x -= sp;
            } else {
                delete this.onEnterFrame;
            }
        }
};
/////////////////// Die Button-onRollOver-Effekte: Ende //////////////////////
 
 
 
/////////////////// Mouse-Eventz festlegen: Start //////////////////////
for(var i=0; i<=um1_btn_anzahl; i++) {
    this["um1_btn"+i].onRollOver = function() {
        this.um_btn_effekt(0);
    }
 
    this["um1_btn"+i].onRollOut = function() {
        this.um_btn_effekt(1);
    }
}
 
for (i=1; i<=5; i++) {
    var sx = timeline["um1_btn"+i]._x+10;
    var bx = timeline["um1_btn"+i]._x;
    timeline["um1_btn"+i]._alpha = 0;
    timeline["um1_btn"+i].onRollOver = function() {
        this.um_btn_x(sx, 1);
    };
    timeline["um1_btn"+i].onRollOut = function() {
        this.um_btn_x(bx, 1);
    };
}
/////////////////// Mouse-Eventz festlegen: Ende /////////////////////// 
 

[RustyCake]

Sorry hab ganz vergessen das Deine Buttons verschoben angeordnet sind!!
Bau des mal ein!!

var bx = null;
for (i=1; i<=5; i++) {
    timeline["btn_mc"+i].i = i;
    timeline["btn_mc"+i]._alpha = 0;
    timeline["btn_mc"+i].onRollOver = function() {
        bx = timeline["btn_mc"+this.i]._x;
        this.btn_x(this._x+10, 1);
    };
    timeline["btn_mc"+i].onRollOut = function() {
        this.btn_x(bx, 1);
    };
} 

[johanness]

Danke das geht einwandfrei

[johanness]

Ähm
Kann man das Script auch so umschreiben, dass es auch geht, wenn "sp" zB 1.3 ist?

[RustyCake]

Yo! im prinzip schon
aber dann muß den x_factor um den es sich verschieben soll anpassen!!
bei speed 1.2 ist der x_factor 12, des muß sich halt klatt teilen lassen!!
alles andere zuckelt rum wie blöd!

this.btn_x(this._x+12, 1.2);