aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Una maravilla de la que Prototype disponía era event::Selectors, una librería que te permite añadir eventos a nuestros nodos mediante el uso de selectores CSS, una forma muy interesante de acceder a estos nodos y cargar el evento que deseamos con nuestra propia funcionalidad.

Prototype:
var Rules = {
   '#icons a:mouseover': function(element) {
     var app = element.id;
     new Effect.BlindDown(app + '-content', {queue: 'end', duration: 0.2});
   }
 }

Ahora Ross de AgileWeb ha migrado esta maravilla para que los usuarios de MooTools podamos acceder a nuestros nodos de una forma mucho más cómoda.

MooTools:
var Rules = {
	'.tabnav a::click': function(element, event) {
		new Ajax('/loadtab', {postBody:'tab='+element.id, onFailure: showFailure}).request();
		event.stop();
	},
	'.tabnav a::mouseover': function(element, event) {
		// Do something
		var myEffect = element.effect('height', {duration: 100, transition: Fx.Transitions.linear});
		myEffect.start(10, 100);
	}
}

[Descargar]