Códigos Fuente de JQuery

Mostrando del 1 al 10 de 91 registros
<<>>
Imágen de perfil

Plugin de jquery para mostrar un tooltip al lado del mouse


JQuery

Actualizado el 02 de Noviembre del 2016 por Xavi (Creado el 15 de Agosto del 2013)
3.190 visualizaciones desde el 15 de Agosto del 2013. Una media de 21 por semana
Este código muestra como crear un plugin para mostrar un tooltip encima de cualquier objeto html al que puedas añadir una clase de css del tipo: class="tootltip".
El plugin mostrar en el tooltip el texto del tag "title".
<img src="..." class="tooltip" title="La imagen que se visualiza...">

Puede ver el ejemplo aquí
Imágen de perfil

Contar los checkbox seleccionados y poner un limite


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 20 de Agosto del 2016 por xve (Creado el 19 de Agosto del 2016)
937 visualizaciones desde el 19 de Agosto del 2016. Una media de 63 por semana
Este código es un ejemplo para ver como limitar el numero de checkbox seleccionados en un formulario.
Permite especificar el número máximo de checkbox que se permiten marcar, no dejando marcar mas de lo especificado.
Imágen de perfil

Enviar formularios independientes en jquery


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 06 de Agosto del 2016 por Vainas
601 visualizaciones desde el 06 de Agosto del 2016. Una media de 35 por semana
Si tienes varios formularios en una web y quieres subir cada uno independientemente. Es solo agregar una clase a todos los formularios y utilizar dentro del submit el elemento this para obtener el formulario y despues usar serialize o serializeArray para obtener los valores de inputs dentro de mismo.

Dejo el codigo funciona aqui: https://jsfiddle.net/p8ch3uka/
Imágen de perfil

Generador de números de la lotería


JQuery

Actualizado el 13 de Junio del 2016 por Marc (Creado el 28 de Marzo del 2016)
1.195 visualizaciones desde el 28 de Marzo del 2016. Una media de 35 por semana
Script que genera números aleatorios de la lotería al clicar en un botón.

screenshot
Imágen de perfil

Mover una fila de una tabla a otra tabla


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 30 de Mayo del 2016 por xve
912 visualizaciones desde el 30 de Mayo del 2016. Una media de 35 por semana
Ejemplo que muestra como mover una fila de una tabla a otra tabla según si un checkbox esta seleccionado o no.

checkbox
Imágen de perfil

Efecto lupa al pasar el ratón por encima de una imagen


JQuery

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 26 de Mayo del 2016 por Xavi (Creado el 31 de Octubre del 2013)
8.750 visualizaciones desde el 31 de Octubre del 2013. Una media de 56 por semana
Simple código que muestra como mediante jquery se puede visualizar el zoom de una imagen al ir pasando el ratón por encima.
Funciona con IE 8 y superiores, Chrome, Firefox, Safari y Opera.
Imágen de perfil

Cambiar la fuente de toda nuestra págna web


JQuery

Publicado el 21 de Mayo del 2016 por xve
434 visualizaciones desde el 21 de Mayo del 2016. Una media de 21 por semana
En este simple código, muestra como cambiar la fuente de nuestra página web, añadiendo o quitando un estilo del body
Imágen de perfil

Visualizador de imagenes para móvil


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 16 de Mayo del 2016 por xve (Creado el 13 de Mayo del 2016)
853 visualizaciones desde el 13 de Mayo del 2016. Una media de 35 por semana
Este código que utiliza la librería hammer.js, permite detectar el movimiento del dedo en dispositivo móvil, por lo que podemos hacer una animación para pasar las fotos con el dedo.

Este código coge las imágenes que se encuentran en la carpeta "images/" de la web, y las va mostrando según las vamos pasando con el dedo.

En cada movimiento de la imagen, se realiza una petición AJAX al servidor, para obtener la siguiente y anterior imagen para el siguiente movimiento del dedo, ya sea hacia adelante o hacia atras.
Imágen de perfil

Reiniciar una animación de CSS3


JQuery

Publicado el 06 de Abril del 2016 por xve
744 visualizaciones desde el 06 de Abril del 2016. Una media de 28 por semana
Este simple código muestra como reiniciar una animación de CSS3 una vez ya ha sido ejecutada.

La manera de hacerlo, es eliminando el estilo que genera dicha animación, y volver a ponerla pasados 10 milisegundos.
Imágen de perfil

Enviar desde jquery parámetros por POST


JQuery

Publicado el 24 de Marzo del 2016 por xve
1.071 visualizaciones desde el 24 de Marzo del 2016. Una media de 35 por semana
Este simple código, muestra como podemos enviar desde jquery valores por POST a otra página web.