Códigos Fuente de JQuery

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

Cuenta atras con barra de progreso con JQuery


JQuery

Publicado el 27 de Noviembre del 2018 por xve
371 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

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


JQuery

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 24 de Septiembre del 2018 por Xavi (Publicado el 21 de Enero del 2012)
16.993 visualizaciones desde el 21 de Enero del 2012. Una media de 49 por semana
Código que muestra como ocultar un div con la tecla ESC (Escape)
Imágen de perfil

Enviar por ajax la pulsación de un checkbox


JQuery

Publicado el 25 de Julio del 2018 por xve
905 visualizaciones desde el 25 de Julio del 2018. Una media de 49 por semana
Este simple código muestra como enviar por ajax la pulsación de un checkbox

Enviar y Retornar con AJAX // Enviar y Abrir con AJAX


JQuery

Publicado el 11 de Julio del 2018 por Jefferson
788 visualizaciones desde el 11 de Julio del 2018. Una media de 35 por semana
Función que retorna algún valor de la pagina a la cual se le envía usando Ajax de forma asincrónica.

Función que envía por Ajax con el método POST y simulando el método GET (para no enviar parámetros a través de la url)
Imágen de perfil

Añadir y eliminar filas de una tabla con jquery


JQuery

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 24 de Mayo del 2018 por Xavi (Publicado el 22 de Enero del 2013)
104.725 visualizaciones desde el 22 de Enero del 2013. Una media de 343 por semana
Código que muestra como añadir y eliminar filas de una tabla dada. Crea tantas columnas como la tabla tenga inicialmente.

anadir-fila-jquery
Imágen de perfil

Enviar un archivo por AJAX utilizando FormData


JQuery

Publicado el 10 de Mayo del 2018 por xve
2.455 visualizaciones desde el 10 de Mayo del 2018. Una media de 84 por semana
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

Cronómetro jQuery


JQuery

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 27 de Abril del 2018 por santi (Publicado el 26 de Abril del 2018)
1.225 visualizaciones desde el 26 de Abril del 2018. Una media de 42 por semana
cronometro

cronometro-jquery


Cronómetro creado con jQuery muy sencillo.

Demo -> http://webcamp.es/ejemplos/cronometro/

No tiene mucha más explicación.

Haz lo que quieras con el código ;)
Imágen de perfil

Paint canvas con jQuery


JQuery

Publicado el 26 de Abril del 2018 por santi
803 visualizaciones desde el 26 de Abril del 2018. Una media de 28 por semana
paint-canvas

paint


Un paint muuy sencillo creado en jQuery.

El descargar la imagen de canvas no funciona pero si lo descargas y lo modificas puedes volver a subirlo mejorado ;)

Demo -> http://webcamp.es/ejemplos/paint/

Es un proyecto que hice hace tiempo y puedes ver toda la documentación aquí -> http://www.webcamp.es/crear-paint-con-canvas-html5-y-jquery/

Puedes hacer lo que te de la gana con el script ;)
Imágen de perfil

Obtener todos los valores de una fila pulsando un botón en dicha fila con JQuery


JQuery

estrellaestrellaestrellaestrellaestrella(15)
Actualizado el 07 de Febrero del 2018 por xve (Publicado el 13 de Abril del 2015)
37.037 visualizaciones desde el 13 de Abril del 2015. Una media de 196 por semana
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una fila cualquiera de una tabla pulsando un botón ubicado en dicha fila.

coger-valores-fila



Aquí el mismo código con JavaScript
https://www.lawebdelprogramador.com/codigo/JavaScript/4426-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JavaScript.html
Imágen de perfil

Cambiar de color de las celdas según el contenido


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Noviembre del 2017 por Miqi666
1.918 visualizaciones desde el 21 de Noviembre del 2017. Una media de 35 por semana
Este código marca las filas de diferente color segun el texto del contenido de una des sus filas.
El código de abajo es un ejemplo de como funciona, es muy sencillo ojala les sirva....

color-segun-contenido
Revisar política de publicidad