Clases y eventos en mootools

Aprende a utilizar los metodos y clases que nos ofrece mootools para crear nuestras aplicaciones. Utiliza y crea tus propias clases y eventos con cuatro reglas básicas.

 

¿Que es una clase? la pregunta que me ize en mis inicios con mootools. Es un concepto muy facil de entender y a su de vez de utilizar, y cuando dominemos esta técnica podremos modificar o crear nuestros propios plugins com lightbox, ajax...
Pues bien, una clase es una propiedad que nosotros de finimos para asignarsela a un objeto de nuestra web. Para ilustrar el concepto, si nosotros queremos que al pasar por encima de cierto elemento este cambie su forma o apariencia, podemos utilizar la técnica de definir una funcion en el HEAD de la página y llamarla por el evento onclick de HTML. Es un metodo totalmente valido y funcional, pero nosotros vamos a describir otro que nos permite asignar todas estas propiedades o cambios desde el mismo head sin tener que ir a cada elemnto del HTML al que queremos aplicar el efecto y referenciar a la funcion.
Pues buen este metodo es el de las clases, nosotros definiremos los cambios que queremos que ocurran y cuando queremos que ocurran (al pasar por encima en este caso) dentro de una clase y despues solo tenemos que asignar esta clase a los elementos que deseamos.
Vamos a ilustrar lo explicado mediante un pequeño ejemplo.

(incompleto)

COMENTARIOS


[No hay comentarios]


Deja un comentario

Los comentarios no pueden contener ninguna etiqueta xhtml.


Valoración del articulo: 0 1 2 3 4 5


DEBES ESTAR REGISTRADO PARA ENVIAR COMENTARIOS
REGISTRATE!

MANUALES REFERIDOS AL MISMO TEMA

Manual de Mootools.

Como crear un buscador interno para tu Web.


ARTICULOS REFERIDOS A LA MISMA CATEGORIA

Clases y eventos en mootools.

Inauguramos la categoria Mootools..

Descripción de funciones y eventos de Mootools.

mooHug - Plugin para mootools y galerias de imagen.

Menu efecto zoom, escalado al estilo Mac..

Efecto reflejo en imágenes con javascript y HTML.



SCRIPTS CLASIFICADOS

mooSearch - rc1.

mooSearch - rc2.

mooHug.

Mootools.



LECTURA RECOMENDADA

Google adds Google adds Google adds Google adds