prototype class events probleem...

[Verwijderd]

Goede morgen allemaal,

Ik heb een classje geschreven met het prototype framework.
Moet nog hoop aan gebeuren. Maar loop tegen een probleempje aan met meerdere instanties.

JavaScript:

Fader = Class.create({
    initialize: function(id){
        this._id = id;
        this._opacity = 1;
        this._interval = null;
        self = this;
        Event.observe(window, 'load', function(){
            Event.observe(id, 'mouseout',  self.delayedUp.bindAsEventListener(self), false);
            Event.observe(id, 'mouseover', self.delayedDown.bindAsEventListener(self), false);
        });
    },
    up : function(){
        if(this._opacity < 1){
            this._opacity = this._opacity + 0.1;
            $(this._id).setStyle({opacity : this._opacity});
        }
        else{
            clearInterval(this._interval);
        }
    },
    down : function(){
        if(this._opacity > 0){
            this._opacity = this._opacity - 0.1;
            $(this._id).setStyle({opacity : this._opacity});
        }
        else{
            clearInterval(this._interval);
        }
    },
    delayedUp : function(){
        self = this;
        clearInterval( self._interval );
        this._interval = window.setInterval(function(){
            self.up()
        }, 100);
    },
    delayedDown : function(){
        self = this;
        clearInterval( self._interval );
        this._interval = window.setInterval(function(){
            self.down()
        }, 100);
    }
}); 

Werkt opzich tot zover redelijk naar behoren.
D.w.z. ik had wat meer cross browser verwachtingen, maar dat komt wel goed.

JavaScript:

new Fader('fade-outer0');
new Fader('fade-outer1'); 

Als ik echter de class meerdere keren aanroep, werkt het alleen op het laatste element.
Verder geen errors of iets dergelijks in FireBug.

Ben meer een backend scripter, dus wellicht kan iemand mij vertellen waarom dit niet helemaal goed gaat?
Misschien iets te maken met de eventlisteners of het meerdere keren aanroepen van observer window load ?
Of met clearInterval(); ?

[Verwijderd]

Als ik die window load uit de class haal en zo uitvoer:

JavaScript:

Event.observe(window, 'load', function(){
    x = new Fader('fade-outer');
    y = new Fader('fade-outer1');
});

Dan gaat het al iets beter...
Maar toch nog niet helemaal.

[Verwijderd]

JavaScript:

self = this; 
//moet zijn
var self = this; 

Je mag zelf opzoeken waarom

[Verwijderd]

Sorry net pas thuis.

En Mr E-buddy, je hebt helemaal gelijk! Dat is de oplossing.
Alleen met vriend google kom ik niet tot een verklaring.

Wellicht nog een duwtje in de goede richting?

[H004]

Ik ben ook net begonnen met classen, en heb t even geprobeerd op te zoeken (leer ik zelf ook weer wat van):

Volgens mij komt dit omdat, zonder "var", self in de global scope gedefinieerd wordt, en dus ook elke keer overschreven wordt zodra je de class opnieuw aanmaakt (waardoor "Als ik echter de class meerdere keren aanroep, werkt het alleen op het laatste element" logisch is). Met var ervoor wordt de scope van self private (? ik weet niet zeker of dit de juiste term is...), en werkt t allemaal wel zoals verwacht.

Klopt dit?

[Verwijderd]

H004 schreef op dinsdag 19 augustus 2008 @ 22:14:
Klopt dit?

Ja (behalve dat het local scope heet)

[Verwijderd]

Helemaal duidelijk nu na wat zoekwerk inderdaad! Hartelijk dank beiden!