Toolbar.js barra de herramientas en modo tooltip con jQuery

Escrito el 04 de Febrero de 2013 por y leído 3,740 veces. Ver comentarios

Toolbar.js barra de herramientas en modo tooltip con jQuery

Toolbar te permite crear rápidamente un tooltip con estilo barras de herramientas para su uso en aplicaciones web y para cualquier cosa que necesite un submenú con más opciones y no dispongas de lugar para mostrarlo. La barra de herramientas se puede personalizar fácilmente usando los iconos de Bootstrap de Twitter.

Lo veo como una opción muy interesante para aquellos gestores de contenido o intranets donde hay que mostrar perfiles de usuarios con opciones diferentes como modificar datos, avatar, y más opciones y no quieres mostrar todos los enlaces a la vez.

LEER ENTRADA

Calendario de eventos en PHP, Ajax, jQuery y ventanas modales

Escrito el 01 de Febrero de 2013 por y leído 14,157 veces. Ver comentarios

Calendario de eventos en PHP, Ajax, jQuery y ventanas modales

ACTUALIZACIÓN AGOSTO 2013. A pedido de una usuaria (en los comentarios se ve), he realizado una pequeña modificación para que el calendario soporte la edición de eventos. Si quieres descargar el código con edición de eventos, pulsa este enlace. Recuerda que el código aquí pegado y el que te descargas desde el botón azul, no contienen la edición de eventos.

Si ya conocías el antiguo calendario multieventos en PHP y te gustaba, lo que te dejo ahora te debería gustar aún más. Viendo que muchos comentarios me pedían funcionalidades para el antiguo calendario y, empujado, por la necesidad de hacer un calendario que no refrescara la página con el cambio de mes, he reescrito el código para modernizarlo.

LEER ENTRADA

Listas en columnas con Easy list splitter y jQuery

Escrito el 28 de Enero de 2013 por y leído 2,428 veces. Ver comentarios

Listas en columnas con Easy list splitter y jQuery

Lo que traigo aquí es una alternativa al ya conocido jQuery Columnizer, que servía para separar contenidos en columnas de un modo muy fácil. Easy list splitter cumple la misma función, aunque sólo se encarga de separar en columnas elementos LI de nuestras listas, ya sean de tipo ordenadas (OL) o desordenadas (UL).

El plugin obtendrá la lista, que está dentro de un div contenedor y generará tantas listas como el número de columnas que requieren, dividiendo a partes iguales los elementos de la lista original.

LEER ENTRADA

Zoom de imágenes con jQuery snipe plugin

Escrito el 23 de Enero de 2013 por y leído 2,326 veces. Ver comentarios

Zoom de imágenes con jQuery snipe plugin

Este plugin es muy sencillo pero nos da un efecto muy bonito para hacer zoom en nuestras imágenes en el mismo lugar y sin necesidad de otros plugins para ampliar como lightboxes o similares.

Todo lo que necesitamos son 2 imágenes, o mejor dicho, 2 versiones de la misma imagen. La primera que se mostrará como base a un tamaño normal y la segunda, o la imagen ampliada a un tamaño superior.

LEER ENTRADA

Rotar texto en PDF generado con FPDF

Escrito el 14 de Enero de 2013 por y leído 4,955 veces. Ver comentarios

Rotar texto en PDF generado con FPDF

Me surgió el problema de tener que escribir texto con una rotación de 90 grados (simplificando, texto en vertical) en un fichero PDF que se generaba a través de la clase FPDF.

Como el PDF generado no incorporaba imágenes de fondo, sino que los logos y demás eran contenido independiente, no quería hacer un JPG de fondo con el texto en vertical así que googleé un poco (no mucho, la verdad) hasta que encontré una página donde nos regalan una extensión a la clase FPDF que pone tanto textos como imágenes con el ángulo de rotación que nosotros decidamos.

LEER ENTRADA

Un editor wysiwyg con jQuery

Escrito el 10 de Enero de 2013 por y leído 3,086 veces. Ver comentarios

Un editor wysiwyg con jQuery

Un editor wysiwyg es un textarea con botones para marcar negritas, cursivas y una serie de estilos o tags html básicos. Dicho ésto, pasemos a hablar de un plugin que reemplaza los tradicionales textarea en cajas mágicas con mínimas opciones de personalización en textos.

El script, que pesa tan sólo 7 kb, se aplica al hacer foco sobre nuestro textarea.

LEER ENTRADA

Antes y después en fotografías con jQuery

Escrito el 09 de Enero de 2013 por y leído 2,411 veces. Ver comentarios

Antes y después en fotografías con jQuery

ClassyCompare es un plugin del que no hay mucho que explicar, sirve para mostrar un antes y un después en nuestras fotografías de un modo muy sencillo y con un agradable efecto de arrastre del ratón para ver una u otra imagen.

Pues eso, se basa en 2 imágenes, una que representa el ANTES y la segunda que representa el DESPUES. El plugin se encargará de ponerlas en la misma posición y de aplicar una máscara según desplacemos el ratón de izquierda a derecha o viceversa.

LEER ENTRADA

Basic jQuery Slider responsive, liviano y configurable

Escrito el 12 de Diciembre de 2012 por y leído 9,403 veces. Ver comentarios

Basic jQuery Slider responsive, liviano y configurable

Siempre queremos poner un slider en nuestras webs y nos esforzamos en buscar el más cool (o guay en versión spanish), con miles de efectos, que abarque miles de formatos en su contenido y que sea adaptativo (responsive in english)... para luego, no hacer nuestras webs adaptativas, poner sólo imágenes y usar siempre el efecto FADE... verdad?

Pues bien, buscando algo bueno bonito y barato, dí con este slider, realmente muy simple pero excesivamente potente y fácil de configurar o personalizar. Está basado en jQuery, como no, y su CSS tiene 13 líneas! (acabo de dejar de alucinar)... pero vamos a verlo a fondo.

LEER ENTRADA

Listado de registros con scroll infinito en PHP, Ajax y jQuery

Escrito el 21 de Noviembre de 2012 por y leído 15,472 veces. Ver comentarios

Listado de registros con scroll infinito en PHP, Ajax y jQuery

ACTUALIZACIÓN SEPTIEMBRE 2013: A pedido de un usuario en los comentarios, hay una variante del scroll infinito en PHP y Ajax lanzado desde un botón y no al desplazar el scroll al final de la página. Si quieres ver la demo, vete a este enlace.

Ahora que ya conoces las redes sociales, porque las conoces, no? habrás visto que la mayoría utiliza el scroll infinito de datos, es decir, a medida que vas bajando el scroll en la pantalla, se van cargando automáticamente nuevos registros de tus bases de datos.

LEER ENTRADA

Aceptar coma o punto como decimal en jQuery Validate

Escrito el 31 de Octubre de 2012 por y leído 6,190 veces. Ver comentarios

Aceptar coma o punto como decimal en jQuery Validate

Este minipost surge porque me encontré en la necesidad de aceptar el punto o la coma, indistintamente, como decimal en un campo de tipo numérico y aplicándole un rango de valores permitidos.

Lógicamente, estamos hablando de jQuery Validation plugin que, como buen plugin escrito en inglés, utiliza el punto como separador de decimales y la coma como separador de miles.

LEER ENTRADA