Códigos Fuente de JQuery

Mostrando del 11 al 20 de 116 registros
Imágen de perfil
Val: 21
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mostrar la hora del servidor con petición AJAX con JQuery


JQuery

Publicado el 25 de Octubre del 2019 por Info (84 códigos)
1.283 visualizaciones desde el 25 de Octubre del 2019
Simple código para mostrar como hacer una petición AJAX cada segundo para obtener la hora del servidor obteniendo el valor por JSON utilizando la librería JQuery.

Aquí el mismo código con JavaScript: http://lwp-l.com/s5607
Imágen de perfil

Añadir y eliminar filas de un formulario


JQuery

Publicado el 23 de Octubre del 2019 por Administrador (672 códigos)
1.017 visualizaciones desde el 23 de Octubre del 2019
Este código muestra como añadir y eliminar filas en un formulario dentro de una tabla.

Administrar-tabla-jquery
Imágen de perfil
Val: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Autocompletar desde un array de valores con JQuery


JQuery

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 22 de Septiembre del 2019 por Xavi (530 códigos) (Publicado el 4 de Octubre del 2016)
2.903 visualizaciones desde el 4 de Octubre del 2016
Este código muestra los países a medida que se va escribiendo en un cuadro de texto, permitiendo seleccionar cualquier país del listado que se va mostrando a medida que se va escribiendo.
Cada vez que se selecciona un país, se crea una nueva caja con el país seleccionado, permitiendo eliminarlo de la selección.

autocompletar-1

autocompletar-2

autocompletar-3

autocompletar-4


He creado la misma versión con JavaScript sin utilizar jquery.
La versión con JavaScript: https://www.lawebdelprogramador.com/codigo/JavaScript/5545-Autocompletar-desde-un-array-de-valores-con-JavaScript.html
Imágen de perfil
Val: 187
Plata
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Controlar cuando se tiene el botón del ratón pulsado en JQuery


JQuery

Publicado el 7 de Septiembre del 2019 por Joel (123 códigos)
1.224 visualizaciones desde el 7 de Septiembre del 2019
Este código muestra como realizar una tarea mientras se mantiene pulsado el botón del ratón
Imágen de perfil
Val: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

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


JQuery

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 21 de Junio del 2019 por Xavi (530 códigos) (Publicado el 31 de Octubre del 2013)
19.723 visualizaciones desde el 31 de Octubre del 2013
Simple código que muestra como mediante jquery se puede visualizar el zoom de una imagen al ir pasando el ratón por encima.

zoom-imagen
Imágen de perfil
Val: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Votación con estrellas con jquery


JQuery

estrellaestrellaestrellaestrellaestrella(15)
Actualizado el 17 de Marzo del 2019 por Xavi (530 códigos) (Publicado el 18 de Agosto del 2014)
15.252 visualizaciones desde el 18 de Agosto del 2014
Código HTML con JQuery y Sprites que muestra como realizar una votación utilizando cinco estrellas.
Imágen de perfil
Val: 401
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Enviar un archivo por AJAX utilizando FormData


JQuery

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 2 de Marzo del 2019 por Xve (282 códigos) (Publicado el 10 de Mayo del 2018)
15.753 visualizaciones desde el 10 de Mayo del 2018
Este simple código muestra como enviar un archivo y un texto mediante AJAX utilizando jquery, y obteniendo el resultado del mismo en JSON para mostrarlo al usuario.

ajax-enviar-archivo-y-texto-ok

ajax-enviar-archivo-y-texto-ko
Imágen de perfil
Val: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mostrar una ventana en el centro y mostrar el resto transparente


JQuery

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 2 de Enero del 2019 por Xavi (530 códigos) (Publicado el 26 de Abril del 2011)
13.542 visualizaciones desde el 26 de Abril del 2011
Código que al pulsar sobre un texto, abre una ventana en el centro de la pantalla, y deja el fondo de la pantalla con una capa transparente.

capa-centrada
Imágen de perfil
Val: 401
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cuenta atras con barra de progreso con JQuery


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 27 de Noviembre del 2018 por Xve (282 códigos)
1.708 visualizaciones desde el 27 de Noviembre del 2018
Este código realiza una cuenta atrás utilizando "animation" de CSS para mostrar la barra de progreso y jquery para mostrar los valores a cada segundo.

Actualmente la cuenta atrás va de 10 a 0, pero si se desea modificar, se debe modificar la variable "contador" de js y el estilo "animation" de CSS poniendo en los dos lados el mismo valor.

La cuenta atrás, es iniciada desde jquery a los 500 milisegundos de cargar la pagina.

Se especifica la anchura de la barra en la case "meter" de css.

Una vez finalizado el tiempo, se ejecuta la función de js finalCuantaAtras() para poder ejecutar cualquier proceso.

cuenta-atras-barra-de-progreso
Imágen de perfil
Val: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cerrar un div con la tecla ESC (Escape) con JQuery


JQuery

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 24 de Septiembre del 2018 por Xavi (530 códigos) (Publicado el 21 de Enero del 2012)
20.769 visualizaciones desde el 21 de Enero del 2012
Código que muestra como ocultar un div con la tecla ESC (Escape)