Toolbar.js barra de herramientas en modo tooltip con jQuery

Escrito por y leído 944 veces. Ver comentarios

Toolbar.js barra de herramientas en modo tooltip con jQuery

04FEBRERO/2013

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.

Aunque aun no lo he probado, debo reconocer que me agrada mucho la idea de hacer un menú contextual que no sea con el botón derecho porque no soy muy amigo de modificarle al usuario las opciones que le da el navegador, por lo que veo muy buena alternativa esta clase de submenús.

ver más >

Tooltips sencillos con jQuery y CSS

Escrito por y leído 1,942 veces. Ver comentarios

Tooltips sencillos con jQuery y CSS

11JULIO/2012

Otro nuevo plugin, Gips, para mostrar tooltips en nuestros elementos de la web con pocas líneas de código y 100% personalizables. Como siempre, necesitaremos jQuery, un poco de CSS y nuestra imaginación para combinar los estilos y efectos de nuestros globitos de ayuda.

El plugin nos permite configurar el estilo, tiempo que está visible, si se oculta automáticamente o no, la posición, el botón de cierre y todas las opciones que nos hacen falta.

Hay una demo totalmente funcional en este enlace y la descarga en este otro.

ver más >

jQuery Hint, texto de ayuda en los campos de tu formulario

Escrito por y leído 1,712 veces. Ver comentarios

jQuery Hint, texto de ayuda en los campos de tu formulario

14JUNIO/2012

jQuery Text box hint es un plugin que se ocupará de mostrar y esconder contenido automáticamente en los campos de nuestro formulario de contacto.

Muchas veces habrás visto que al rellenar un formulario (creo que Twitter lo tiene), ya te aparece escrito algún texto en los campos de tipo input o textarea y al hacer click sobre ellos ese contenido desaparece automáticamente, volviendo a aparecer si haces un click fuera de dicho campo.

Pues bien, aunque este plugin es un poco antiguo, a día de hoy lo utilizo mucho en mis proyectos porque es una ayuda al usuario, para decirle en un lugar no intrusivo qué queremos que escriba en cada campo de nuestro formulario.

ver más >

TinyTips, tooltips atractivos con jQuery

Escrito por y leído 2,056 veces. Ver comentarios

TinyTips, tooltips atractivos con jQuery

09MARZO/2010

TinyTips es un plugin para jQuery que tiene como objetivo mejorar los alt y titles de nuestros enlaces. Su ventaja es que es super liviano y fácil de implementar. Su desventaja es que no persigue al ratón y se queda estático y no termina de ser del todo agradable.

Su implementación es muy fácil, basta la librería jQuery, un .JS super liviano y un poquito de CSS para adornar tus tooltips a tu gusto.

Puse una demo online, que no es más que un retoque de la original creada por Mike Merrit en su blog, pero bien vale porque la simplifiqué a un solo estilo de tip. Para descargarlo, no dejes de visitar la web de su autor.

ver más >

jQuery imgPreview plugin

Escrito por y leído 1,194 veces. Ver comentarios

jQuery imgPreview plugin

Un nuevo y excelente plugin vio la luz para jQuery. Se trata de un plugin que permite previsualizar una imagen de un modo similar a un tooltip pero con pocas líneas de código.

Permite mostrar una imagen sin necesidad de hacer click y tiene muchas opciones para personalizar la muestra ya sea con CSS o simplemente ajustando tamaños.

Para muestra un botón...
Mírate los muchos ejemplos que hay en la página del autor...

ver más >

Simpletip, un tooltip con jQuery

Escrito por y leído 1,477 veces. Ver comentarios

Simpletip, un tooltip con jQuery

10FEBRERO/2009

Vía sentidoweb me entero de este excelente plugin para crear tooltips con jQuery.

¿Por qué excelente?
Porque seguramente ya hemos agregado la librería jQuery a nuestra web para hacer algunas de todas las funciones que nos deja, entonces no necesitaremos mucho más para hacer funcionar estos tooltips.

¿Cómo funciona?
Muy simple, mirar el código 1 más abajo y verás que fácil es...

ver más >