Como los chicos de Mozilla dicen “La Consola Javascript provee de una manera simple para correr los scripts por lote o interactuar con el ambiente en programación exploratoria“.

El tutorial de hoy intentará explicar cómo construir un elemento que se pueda arrastrar y redimensionar – o incluso ambos al mismo tiempo, usando el framework Mootools.

Para lograr esto, haremos uso de dos funciones existentes en Mootools: makeDraggable() y makeResizable().

Trataré de hacer un pequeño grupo de tutoriales acerca de cómo usar el framework mootools para principiantes casi absolutos. Necesitará saber javascript básico. La documentación para el framework mootools es un poco difícil de entender y requiere conocimientos de javascript más avanzados.

Cuando necesitamos ingresar datos en un elemento de un formulario, pero que necesita ciertos datos estrictos (como en un select) y la cantidad de datos posibles es muy grande, podemos usar una autosugerencia – o un autocompletar – en AJAX para orientar al usuario. En este post trataré de presentar algunas soluciones para esto.

Lo sé, Lo sé, “olfatear” navegadores es un mal hábito que no debería hacerse, pero aún así, hay casos en los que querrá mostrar un mensaje al usuario (usuarios ordinarios, que no modifiquen el navigator.userAgent de su explorador) o usted necesitará saber realmente que explorador el esta usando.

Hay momentos en los que necesitamos crear una imagen ampliada de un producto (o de algo más) que requiere que sea tan amigable al usuario como sea posible. Un ejemplo son los sitios de comercio electrónicos, que usan imágenes de alta calidad para un mayor impacto sobre las mentes de los clientes (joyería por ejemplo).

Vale, vale, sé que es una contradicción en términos, pero este es un problema con el que se enfrentan muchos novatos, y en ocasiones, una característica como esta sería útil para poder copiar un js completo en un directorio local, y ejecutarlo desde ahí, sin ser forzado a iniciar un servicio web en el ordenador local.

Los carruseles en Javascript se usan para mostrar algunas imágenes o contenido en espacios estrechos, permitiéndole al diseñador web mostrar más información en un espacio limitado. Añaden algo de funcionalidad a la página y al mismo tiempo mejoras visuales.

Tal como discutimos en el artículo anterior acerca de formularios -Un básico copia y pega de un formulario de contacto accesible – hicimos la validación del formulario usando una clase que resalta y nos indica los elementos que necesitan ser llenados o corregidos en caso de que la validación haya fallado.

Ingredientes:

brillos, listas no ordenadas, conocimiento de MooTools. .

Tiempo de Cocción:

1 hr

El Resultado:

Puede ser visto en nuestra – página de test – pase el ratón por encima del menú superior.