Archivo de la etiqueta: mootools

Presentación: “Mootools y otros frameworks JavaScript”

Mootools logoPara el trabajo, tuve que hacer una presentación sobre Mootools, en la cual, hice una pequeña introducción a JavaScript, que era un framework y porque elegir Mootools de entre los diferentes y famosos frameworks hechos para JavaScript.

Como era para compañeros de trabajo, la presentación esta hecha un poco informal, y con trozos código para poder ver Mootools en funcionamiento y sus ventajas.

Sigue leyendo Presentación: “Mootools y otros frameworks JavaScript”

Detectar la tecla de borrar en Mootools

Tecla retrocesoComo la palabra delete es una palabra reservada, no se puede utilizar la siguiente sentencia para detectar el evento de cuando se pulsa la tecla de borrar o retroceso:

var isdel = Event.Keys.delete;

Cuando hacemos un detector de teclas pulsadas en Mootools, para el evento de la tecla de retroceso hay que utilizar el siguiente método:

var isdel = Event.Keys['delete'];

Visto en david walsh blog.

Efecto con Mootools para subir el scroll de la página hasta arriba

Mootools logoPequeño trozo de código Javascript, que permite añadir un evento a los elementos que queramos, que produce un efecto de subir el scroll del navegador hasta arriba la página web. Muy práctico para los típicos enlaces ‘Subir‘ o ‘Arriba‘, que hay en páginas muy largas.

Esta hecho para trabajar con Mootools, y el plugin Fx.Scroll de Mootools que viene a parte en el More Builder.

	var scroller = new Fx.Scroll(document.body);
	$('link_to_top').addEvent('click', function(){
		scroller.toTop();
	}