Contenido

MooSelectors, una pequeña maravilla para MooTools

26 feb

+ 2

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]

  • Que practico.

    Cuando vas a postear un ejemplo practico de mootols, estoy intentando conocerlo por medio de los ejemplos, a pesar de no saber javascript pero de todas maneras seria ideal un tutoria con ejemplos practicos.

    Gracias

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.