Cambiar el cursor al entrar a un elemento con mootools.

El evento por defacto en un navegador al pasar por un texto es mostrar la clásica "I" sin embargo aveces cuando estamos desarrollando una aplicación web queremos que en cierto elemento de página se muestre mejor la clásica manita o el puntero, esto es fácil de hacer en mootools.

creamos un nuevo elemento, yo elegí un div.

var div = new Element('div'); 

Inyectamos el div en nuestra página (columna izquierda es el elemento de página en este caso otro div).

div.inject($('columnaizquierda'));

Agregamos el evento a nuestro elemento div. Aquí yo he agregado dos, el primero es para cuando clickeamos en el evento salga una alerta que diga clicked, el segundo es cuando posicionemos el cursor ahí entonces en ves de mostrarnos la I nos muestre la manita.

                div.addEvents({
                'click': function() {
                alert('clicked!');
                },
                'mouseover': function() {
                this.setStyle('cursor', 'pointer');
                }
                });