8.550 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

4.169 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

7.180 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

7.654 lecturas 0 comentarios

Genera gráficas dinámicas en tu web

generar-graficasSi hay algo que debemos evitar a toda costa es mal gastar el tiempo intentando reinventar la rueda. Generar un script de gráficas puede ser una tarea muy costosa y es por eso que hay que aprovechar módulos ya hechos y que funcionan tan bien como este. El Api de Google Gráficas nos permite generar todo tipo de modelos en segundos.

Visitar página de Google con información, demos, etc.
Ver una demostración rápida
Descargar archivos de ejemplo

5.541 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

17.792 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

14.376 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…)

8.065 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