show: function() {
alert(‘hacer algo’);
/*al final de la instrucción*/
this.fireEvent(‘show’);
},

Esto es útil cuando quieres agregar codigo personalizado al ejecutar dicho evento.

Thanks for the tutorials, they’re great… Keep them coming.

Samuel M.

One thing I noticed is that Dom Ready is missing ); at the end. So you could add that so it does not confuse newcomers with errors if they use this.

How do I implement this? Where to I leave the “e” variable witch points to the element I would like to change the opacity? The mootools docs couldn’t give me a right example…

var fadeButtons = new Class({

Implements: [Options],

options: {
maxopacity: 1,
minopacity: 0
},

initialize: function(options){
this.setOptions(options),
this.start()
},

//start the button events
start: function(){

var list = $$(‘#buttons div img’);

list.each(function(e) {

this.e.fireEvent(‘mouseenter’);

//OLD HABBITS
/*e.addEvent(‘mouseenter’, function(){
e.fade(this.options.minopacity);
});

e.addEvent(‘mouseleave’, function(){
e.fade(this.options.maxopacity);
});*/
});

},
});

Could you give me a kick in the right direction? Thanks anyway!

Crispijn,
The Netherlands

I’m struggling with my first mootools (1.2) class now and I have a question about the options. How do I use them in my class?

For example:

$(e).addEvent(‘mouseenter’, function(){
e.fade(this.options.minopacity());
});

This gives an error: this.options is undefined.

But when I initialize I also set the options with

initialize: function(options){
this.setOptions(options),
this.start(),
console.log(‘Buttons ready to hover…’);
},

Maybe you’ve got the answer for me…

Thanks a lot and keep up the good (mootools) work!