Códigos Fuente de JQuery

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

Cubo de rubik


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 13 de Enero del 2017 por Diego (Creado el 12 de Enero del 2017)
114 visualizaciones desde el 12 de Enero del 2017
CoboDos
CuboUno

Es un diseño del cubo_rubik personalizado y donde se puede jugar con el cubo en movimiento como si fuera real fisicamente.
¿haber que os parece?.
Imágen de perfil

detectar la pulsación de dos teclas pulsadas


JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 29 de Diciembre del 2016 por xve
196 visualizaciones desde el 29 de Diciembre del 2016
Este código muestra como detectar las pulsaciones de dos teclas, ya sea CTRL o SHIFT con cualquier otra tecla.

dos-teclas-pulsadas
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.265 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)
1.116 visualizaciones desde el 19 de Agosto del 2016. Una media de 56 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
663 visualizaciones desde el 06 de Agosto del 2016. Una media de 28 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.246 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
1.049 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.957 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
462 visualizaciones desde el 21 de Mayo del 2016. Una media de 14 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)
888 visualizaciones desde el 13 de Mayo del 2016. Una media de 28 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.