Taller de Mootools

Compilación de artículos prácticos con el framework Javascript Mootools. Diversos scripts comentados y listos para usar en tus páginas web con Mootools.

Si te parece útil este manual ayúdanos compartiendo!! :)

1.- Pestañas dinámicas con CSS y Mootools

Sobre cómo crear una interfaz de pestañas dinámicas, maquetadas con CSS y con dinamismo creado con Javascript y Mootools.

2.- Vídeo del proceso de creación pestañas dinámicas

Veamos un vídeo donde explicamos el uso de Mootools para la creación de una interfaz de pestañas dinámicas e interactivas con Javascript.

3.- Ejemplo práctico de uso de Mootools - Texarea con cuenta de caracteres

Un ejemplo se uso de Mootools para recopilar y afianzar los conocimientos vistos hasta ahora en el manual de Mootools. Vamos a crear un textarea que cuenta los caracteres que se han escrito por el usuario.

4.- Ejemplo de programación Mootools: Tip simple

Hacemos otro ejemplo sencillo de Mootools, que servirá como práctica: un tip simple en Mootools, que muestra un contenido al situarse sobre un elemento.

5.- Script sencillo con Mootools: fortaleza de una clave

Un script sencillo con Mootools para mostrar a un usuario la fortaleza de una clave escrita en un campo de formulario.

6.- API Panoramio + ejemplo de JSON con Mootools

Presentamos el API de Panoramio y ofrecemos un ejemplo básico sobre cómo mostrar fotografías en una página web usando JSON y Mootools.

7.- Averiguar la posición del ratón al hacer clic

Script en Mootools para saber la posición del puntero del ratón al hacer clic en un elemento de la página.

8.- Campo input con explicacion dinámica con Javascript y Mootools

Cómo hacer en con Javascript y Mootools un campo de formulario, tipo texto, que muestra un mensaje para auto explicar el contenido que debe escribirse en él.

9.- Ajax con Mootools, ejemplo sencillo

Ejemplo de programación Ajax con Mootools. Mostramos un texto traído con Ajax en una caja de alerta.

10.- Ejemplo 2 de Ajax utilizando Mootools

Mejoramos el ejemplo anterior de Ajax con Mootools, para que el contenido traído con Ajax se muestre en una capa div.

11.- Popup DHTML Mootools

Clase Javascript y Mootools para crear un popup DHTML. Mostramos cómo utilizarla en tus páginas.

12.- Rectángulos con esquinas redondeadas en canvas, interactivo con Mootools

Vemos las curvas cuadráticas a través de un ejemplo interactivo de trabajo con caminos en canvas del HTML 5 que dibuja rectángulos con esquinas redondeadas.

13.- Precarga de imágenes con Mootools

Cómo realizar una precarga de un conjunto de imágenes y saber cuando todas han sido cargadas para realizar acciones con las imágenes.

14.- Slide de imágenes Mootools

Pase de diapositivas, conocido como slide, realizado en Mootools, con precarga de todas las imágenes a presentar y efectos de fundido.

15.- Envío de datos desde Javascript a PHP utilizando JSON con Mootools

Cómo enviar información, con estructuras de datos complejas, desde Javascript a PHP por medio de JSON. Utilizaremos Ajax y el framework Javascript Mootools para facilitarnos las cosas.

Descargas

Este manual puedes descargarlo en formato amigable para impresión y lectura en dispositivos a través de la App de DesarrolloWeb.com.

Compartir