8.894 lecturas 3 comentarios

Ventanas emergentes en Mootools

Si estás cansado del diseño tan pobre de las ventanas de alerta, confirmación, etc. que nos muestran los exploradores, aquí tienes un código en Mootools para darles un lavado de cara y que queden mucho mejor.

Simple Modal es muy parecido a Sexy Alert Box, cuenta con opción de «tunear» los mensajes de confirmación, alerta, opción de cargar imágenes, vídeo y ajax en ventanas emergentes.

Descargar Gratis Simple Modal (Mootools)

10.249 lecturas 0 comentarios

Arrastrar y soltar elementos en una tabla con Javascript

En sus primeras versiones REDIPS.drag (así es como se llama el código) se programó para facilitar la labor de hacer que ciertos elementos, en una tabla, se pudieran arrastrar a golpe de click de ratón. Debido a la gran demanda de descargas y comentarios han mejorado el código y ahora también permite mover filas completas de una tabla. Una acción muy útil para incorporar en nuestras administraciones a la hora de ordenar productos, noticias u otro tipo de entrada.

Descargar REDIPS.drag

5.173 lecturas 0 comentarios

WoW Slider en Jquery

Si hay algo que defina la tendencia, en el diseño web del 2011, son los Sliders en Jquery. Grandes ventanas que muestran fotos impresionantes de servicios, productos o arte con una transición, a cual más currada, vienen siendo el pan de cada día.

Hoy os acerco un slider con una transición tan impresionante como exigente a nivel de requerimientos de CPU.

Ver / Descargar Wow Slider

8.466 lecturas 0 comentarios

Galería a pantalla completa en Jquery

Si queréis mostrar fotos en su máximo esplendor, vuestro portfolio con todo lujo de detalles o cualquier tipo de material gráfico al máximo de tamaño, aquí tenéis una buena solución.

Con esta galería en Jquery podréis enseñar vuestras imágenes a pantalla completa.

Ver Demo Galería a pantalla completa en Jquery
Descargar Código de Galería a pantalla completa en Jquery
Ver Documentación sobre la Galería a pantalla completa en Jquery

6.854 lecturas 0 comentarios

Jcrop – Recortando imágenes

Una de las cosas que más le puede gustar a un cliente, si te estás currando una administración, es que le des opción de subir, él mismo, las fotos y dejar que las pueda recortar o seleccionar el trozo a mostrar que quiera. Con este código Jquery podrás agregar esta funcionalidad.
• <a href=»http://deepliquid.com/projects/Jcrop/demos.php»>Ver demo</a> | descargar código JCrop

jcropUna de las cosas que más le puede gustar a un cliente en una administración es que le des opción de subir fotos y que las pueda recortar él mismo. Con este código Jquery podrás agregar esta funcionalidad.

Ver demo
• Descargar código JCrop

21.025 lecturas 3 comentarios

Listas o select con imágenes

listas-con-imagenesLa personalización de formularios no es una tarea sencilla, por suerte, desde hace algún tiempo, contamos con scripts geniales de Jquery que facilitan esas tareas de diseño. Image combobox permite crear select o listas con imágenes.

Descargar códigoVer tutorial | Ver ejemplo

15.918 lecturas 1 comentario

Validar formularios: Jquery, Mootools, etc.

validarUna gran mejora que incorporar a cualquier formulario es aquella que nos permite corregir y validar los datos que vamos escribiendo sobre la marcha.

A continuación os dejo 18 validadores en Jquery, Mootools, Prototype, etc. (más…)

9.788 lecturas 1 comentario

Arrastra capas y Guarda su posición

dragjqueryHe visto bastantes tutoriales que te enseñan a mover capas, el famoso efecto «Drag & Drop» (arrastrar y soltar) pero este me ha llamado especialmente la atención por hacer llamadas a JSON y guardar la posición final en base de datos.

Lo veo muy útil puesto que envía variables a un PHP que puede ser fácilmente configurado para efectuar otras acciones. Usa las librerías JQuery.

· Descargar código
· Ver tutorial
· Demo