Promedio de descarga/visualización de los códigos de JQuery

Listado de los códigos con más promedio de visualizaciones realizadas por día desde su publicación en la web.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Añadir y eliminar filas de una tabla con jquery


36 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(14)
Actualizado el 24 de Mayo del 2018 por Xavi (548 códigos) (Publicado el 22 de Enero del 2013)
148.161 visualizaciones desde el 22 de Enero del 2013
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
Val: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

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


29 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(20)
Actualizado el 11 de Diciembre del 2020 por Xve (294 códigos) (Publicado el 13 de Abril del 2015)
94.148 visualizaciones desde el 13 de Abril del 2015
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


El mismo código pero obteniendo los valores de las columnas: https://www.lawebdelprogramador.com/codigo/JQuery/6764-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JQuery.html

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
Val: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Poner y quitar el atributo readOnly en un input


22 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 2 de Febrero del 2015 por Xve (294 códigos)
72.560 visualizaciones desde el 2 de Febrero del 2015
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.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Ejemplo de utilizar jquery con un select


15 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Febrero del 2013 por Xavi (548 códigos)
62.902 visualizaciones desde el 19 de Febrero del 2013
Código que muestra como utilizar jquery con un <select>. Muestra como seleccionar, activar y desactivar una opción, y validar que haya una opción seleccionada.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mascaras en los inputs


14 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Mayo del 2014 por Xavi (548 códigos)
51.853 visualizaciones desde el 21 de Mayo del 2014
Aquí se muestra como utilizar el plugin de jquery maskedinput para poner mascaras en nuestros inputs, como por ejemplo, para añadir un numero de teléfono, un numero con dos decimales, etc...
Imágen de perfil
Val: 302
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


14 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 2 de Marzo del 2019 por Xve (294 códigos) (Publicado el 10 de Mayo del 2018)
30.461 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: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Como pasar una variable de JavaScript a PHP


14 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Agosto del 2015 por Xve (294 códigos)
43.721 visualizaciones desde el 26 de Agosto del 2015
En este simple ejemplo, muestro la manera mas simple de enviar una variable de JavaScript a PHP sin refrescar la página y mostrar el mensaje de respuesta del PHP si lo deseamos.
Imágen de perfil
Val: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Contar los checkbox seleccionados y poner un limite


8 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 19 de Agosto del 2016 por Xve (294 códigos)
22.233 visualizaciones desde el 19 de Agosto del 2016
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
Val: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Rellenar un formulario mediante una petición AJAX al servidor


7 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(21)
Publicado el 19 de Diciembre del 2014 por Xve (294 códigos)
23.047 visualizaciones desde el 19 de Diciembre del 2014
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
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Ejemplo de utilizar jquery con radio buttons


6 visualizaciones de promedio por día

JQuery

Publicado el 4 de Abril del 2013 por Xavi (548 códigos)
25.719 visualizaciones desde el 4 de Abril del 2013
Código que muestra como utilizar jquery con un radio button <input type='radio'>. Muestra como seleccionar, activar y desactivar una opción, y validar que haya una opción seleccionada.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Votación con estrellas con jquery


6 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(18)
Actualizado el 17 de Marzo del 2019 por Xavi (548 códigos) (Publicado el 18 de Agosto del 2014)
19.759 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: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cargar páginas dentro de un div con jquery


5 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 4 de Diciembre del 2011 por Xavi (548 códigos)
22.834 visualizaciones desde el 4 de Diciembre del 2011
Ejemplo de la utilización de la instrucción load() de jquery para cargar el contenido de varias páginas dentro de un div. Se muestra un reloj si la carga de la pagina tarda.
Imágen de perfil
Val: 23
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cambiar de color de las celdas según el contenido


5 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Noviembre del 2017 por Miqi666
11.666 visualizaciones desde el 21 de Noviembre del 2017
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
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mostrar imagenes


5 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Septiembre del 2017 por Xavi (548 códigos) (Publicado el 3 de Octubre del 2012)
19.901 visualizaciones desde el 3 de Octubre del 2012
Simple código que muestra un listado de imágenes en tamaño pequeño (thumbnails), y al pulsar sobre cada una de ellas, se visualiza dicha imagen en grande con una cruz para poder cerrarla.

listado-imagenes-1

listado-imagenes-2
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Selects dinamicos con PHP y Jquery


5 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 7 de Octubre del 2014 por Xavi (548 códigos) (Publicado el 5 de Mayo del 2014)
16.612 visualizaciones desde el 5 de Mayo del 2014
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.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Sencillo ejemplo de selects dinámicos


4 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 5 de Julio del 2012 por Xavi (548 códigos)
18.914 visualizaciones desde el 5 de Julio del 2012
Código que muestra como al cambiar un valor de un select en un formulario, se modifica de manera automática otro select con los mismos valores.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Sumar dos numeros con jquery


4 visualizaciones de promedio por día

JQuery

Publicado el 3 de Diciembre del 2011 por Xavi (548 códigos)
19.268 visualizaciones desde el 3 de Diciembre del 2011
Código que muestra como sumar dos números mediante jquery.
No permite entrar ningún carácter que no sea numérico, y muestra en color rojo si hay algún error.
Probado en IE, Firefox y Chrome.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Desplegables que varían mediante ajax mostrando las ciudades dependiendo del país seleccionado


4 visualizaciones de promedio por día

JQuery

Publicado el 12 de Julio del 2013 por Xavi (548 códigos)
16.730 visualizaciones desde el 12 de Julio del 2013
Código que muestra como utilizar AJAX con jquery para actualizar el listado de ciudades según un país seleccionado en un desplegable. Se utiliza PHP y la base de datos MySQL.
Se incluye la base de datos MySQL de países y ciudades de todo el mundo.

El listado de paises y poblaciones se ha conseguido de: http://dev.maxmind.com/geoip/legacy/geolite/ y se ha exportado a MySQL con http://www.lawebdelprogramador.com/codigo/Python/2426-Exportar_los_archivos_de_GeoLite_paises_y_ciudades_a_MySQL.html