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 63 registros
<<>>

Listbox to Listbox


JQuery

estrellaestrellaestrellaestrellaestrella
Actualizado el 26 de Enero del 2015 por Aitor (Creado el 23 de Enero del 2015)
263 visualizaciones desde el 23 de Enero del 2015
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
688 visualizaciones desde el 22 de Enero del 2015
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.469 visualizaciones desde el 23 de Diciembre del 2014. Una media de 280 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.583 visualizaciones desde el 19 de Diciembre del 2014. Una media de 273 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.509 visualizaciones desde el 16 de Diciembre del 2014. Una media de 245 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
694 visualizaciones desde el 27 de Octubre del 2014. Una media de 56 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
757 visualizaciones desde el 22 de Octubre del 2014. Una media de 56 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.097 visualizaciones desde el 05 de Mayo del 2014. Una media de 35 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.

incluir un archivo en nuestra web desde JavaScript con jquery


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 02 de Octubre del 2014 por Xavi
615 visualizaciones desde el 02 de Octubre del 2014. Una media de 42 por semana
Código que muestra como incluir archivos en nuestra pagina html con jquery mediante peticiones AJAX.
La página a cargar mediante AJAX, únicamente tiene que contener el código a mostrar, no tienes que volver a definir la cabecera, estilos, etc..., ya que cogerá esa información de la pagina donde se incluya.

Recortar el texto de un div para posteriormente permitir visualizarlo


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 03 de Septiembre del 2014 por Xavi
741 visualizaciones desde el 03 de Septiembre del 2014. Una media de 35 por semana
Código que dada una cadena superior a 100 caracteres, la recorta y añade al final del mismo un texto de "(más)" para mostrar todo el contenido nuevamente. De igual forma, aparece el texto "(menos)" al final para recortarlo posteriormente.

El funcionamiento del mismo, es que se guardan las cadenas de texto en un array de valores de javascript, para de esta manera, poder visualizar nuevamente todo el contenido.
|< << 1 234567>>>|