Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
Iniciar sesión Cerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta

Códigos Fuente de JQuery

Mostrando del 1 al 10 de 65 registros
<<>>

Juego del Simon


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Febrero del 2015 por Xavi
381 visualizaciones desde el 18 de Febrero del 2015
Este código simula el juego del "Simon" en el cual tienes que ir pulsando una combinación de colores que te va dando Simon. Cada vez que completas dicha secuencia, Simon te muestra la misma secuencia añadiendo un nuevo color cada vez, haciendo cada vez mas difícil de recordar.
En el momento que no pulsas la secuencia correcta de colores el juego finaliza mostrándote donde has fallado.
simon-jquery
Imágen de perfil

Poner y quitar el atributo readOnly en un input


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 02 de Febrero del 2015 por xve
613 visualizaciones desde el 02 de Febrero del 2015. Una media de 154 por semana
En este ejemplo, se muestra como aplicar el atributo de solo lectura readlonly a un cuadro de texto, como eliminarlo y como saber si esta aplicado o no dicho atributo.

Listbox to Listbox


JQuery

estrellaestrellaestrellaestrellaestrella
Actualizado el 26 de Enero del 2015 por Aitor (Creado el 23 de Enero del 2015)
510 visualizaciones desde el 23 de Enero del 2015. Una media de 98 por semana
listbox-to-listbox


//LISTBOX to LISTBOX
//transfer selected items from one listbox to another listbox
//Autor: Aitor Solozabal Merino
//Fecha: 23/01/2015
//HTML+CSS+JAVASCRIPT+JQUERY
//==================================================================
//SCHEMA:
// lis1 lis2
// +-----------+ +-----------+
// |option1 | [ movr> ] |option4 |
// |option2 | [ <movl ] |option5 |
// |option3 | [ allr>> ] | |
// | | [<<alll ] | |
// +-----------+ +-----------+
// [con1] [con2]
//==================================================================
Imágen de perfil

Seleccionar y de-seleccionar todos los elementos de un select


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 22 de Enero del 2015 por xve
906 visualizaciones desde el 22 de Enero del 2015. Una media de 161 por semana
En este ejemplo, muestro como pulsando un botón, se pueden seleccionar o de-seleccionar todos los <option> de un <select>
Imágen de perfil

Recorrer una variable json con jquery


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 23 de Diciembre del 2014 por xve
1.584 visualizaciones desde el 23 de Diciembre del 2014. Una media de 161 por semana
En estos ejemplos, muestro como recorrer un json normal, y un json bidimensional con jquery.
Imágen de perfil

Rellenar un formulario mediante una petición AJAX al servidor


JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 19 de Diciembre del 2014 por xve
1.718 visualizaciones desde el 19 de Diciembre del 2014. Una media de 168 por semana
Aquí adjunto un código que muestra como rellenar los valores de un formulario mediante una petición AJAX al servidor.

El usuario selecciona un ID del formulario, y el resto de campos son rellenados automáticamente.
Imágen de perfil

Mover una capa o bloque al mover el scroll de la pagina


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 16 de Diciembre del 2014 por xve
1.593 visualizaciones desde el 16 de Diciembre del 2014. Una media de 147 por semana
Simple código que muestra como mover un bloque o capa al deslizar el scroll de la pantalla, para que siempre este visible.
En este ejemplo con HTML5, es el <aside> el que baja o sube dependiendo del movimiento del scroll, pero puede ser cambiado a cualquier elemento de una página web.
Imágen de perfil

Juego del tetris con HTML5 y JavaScript


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 27 de Octubre del 2014 por Administrador
746 visualizaciones desde el 27 de Octubre del 2014. Una media de 42 por semana
Excelente clon del juego del Tetris en 4Kb de código javascript, el cual incluye el código CSS.

tetris
Imágen de perfil

Reloj mientras se esta cargando la página


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 22 de Octubre del 2014 por xve
865 visualizaciones desde el 22 de Octubre del 2014. Una media de 49 por semana
Este código muestra una ventana en medio de la pantalla, la cual no desaparece hasta que se ha cargado el contenido entero de la pagina web.

carga_de_pagina


El funcionamiento es simple, al cargar la página muestra la capa y hace una petición AJAX para cargar el contenido de nuestra página. Una vez se recibe el contenido de nuestra página, se elimina el mensaje.

Selects dinamicos con PHP y Jquery


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 07 de Octubre del 2014 por Xavi (Creado el 05 de Mayo del 2014)
1.168 visualizaciones desde el 05 de Mayo del 2014. Una media de 28 por semana
Script que muestra como actualizar un select sin refrescar la página, obteniendo los valores del segundo select con AJAX de un archivo PHP. Se utiliza JQuery, y el contenido del segundo select se envia con JSON des de la pagina PHP.
|< << 1 234567>>>|