Los códigos más visitados de JQuery

Listado de los códigos más visitados durante los últimos 30 días
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


1.355 visualizaciones el último mes

JQuery

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


925 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 2 de Febrero del 2015 por Xve (294 códigos)
58.088 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: 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


363 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 2 de Marzo del 2019 por Xve (294 códigos) (Publicado el 10 de Mayo del 2018)
26.607 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


277 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Agosto del 2015 por Xve (294 códigos)
40.067 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: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mostrar imagenes


250 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Septiembre del 2017 por Xavi (548 códigos) (Publicado el 3 de Octubre del 2012)
17.567 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


242 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 7 de Octubre del 2014 por Xavi (548 códigos) (Publicado el 5 de Mayo del 2014)
14.463 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: 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


214 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 19 de Agosto del 2016 por Xve (294 códigos)
20.601 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

Reloj mientras se esta cargando la página


203 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 22 de Octubre del 2014 por Xve (294 códigos)
8.703 visualizaciones desde el 22 de Octubre del 2014
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.
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 envió de valores mediante ajax desde un selector


187 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 9 de Junio del 2014 por Xavi (548 códigos)
13.235 visualizaciones desde el 9 de Junio del 2014
Código de ejemplo, que muestra como enviar los valores de un selector mediante AJAX a una pagina PHP para que interprete dichos valores y nos devuelva mediante JSON varios resultados para mostrar en diferentes lugares de la pantalla.
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 columna pulsando un botón en dicha columna con JQuery


168 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 11 de Diciembre del 2020 por Xve (294 códigos)
3.231 visualizaciones desde el 11 de Diciembre del 2020
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una columna cualquiera de una tabla pulsando un botón ubicado en dicha columna.

coger-valor-columna


Aquí el mismo ejemplo obteniendo el contenido de la fila: https://www.lawebdelprogramador.com/codigo/JQuery/3134-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JQuery.html

Aquí el mismo código con JavaScript: https://www.lawebdelprogramador.com/codigo/JavaScript/6765-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-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

Rellenar un formulario mediante una petición AJAX al servidor


162 visualizaciones el último mes

JQuery

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

Cambiar el color de una fila al seleccionar un checkbox con jquery


159 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 12 de Febrero del 2021 por Xve (294 códigos) (Publicado el 25 de Abril del 2017)
7.630 visualizaciones desde el 25 de Abril del 2017
Este código, muestra como seleccionar toda una fila de una tabla y ponerle o quitarle un estilo al <tr> según si el usuario a marcado o desmarcado el checkbox de la fila.

checkbox-selecciona-fila-tabla


El mismo código con JavaScript: https://www.lawebdelprogramador.com/codigo/JavaScript/6879-Cambiar-el-color-de-una-fila-al-seleccionar-un-checkbox-con-JavaScript.html
Imágen de perfil

Juego de Memoria


134 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Mayo del 2021 por Administrador (718 códigos)
2.030 visualizaciones desde el 20 de Mayo del 2021
Juego de memoria en javascript y jquery en el que hay que encontrar las parejas de figuras iguales.

CPT2105201620-857x549
Imágen de perfil
Val: 20
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Menú vertical multinivel


132 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 11 de Julio del 2021 por Marc (13 códigos) (Publicado el 18 de Junio del 2017)
4.513 visualizaciones desde el 18 de Junio del 2017
Menú vertical multinivel responsivo, que funciona gracias a la librería jQuery.

screenshot
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


129 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Mayo del 2014 por Xavi (548 códigos)
50.345 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...
sin imagen de perfil
Val: 8
Ha aumentado 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

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


118 visualizaciones el último mes

JQuery

Publicado el 11 de Julio del 2018 por Jefferson (6 códigos)
2.574 visualizaciones desde el 11 de Julio del 2018
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
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


114 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 4 de Diciembre del 2011 por Xavi (548 códigos)
21.407 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: 17
Ha aumentado su posición en 3 puestos en JQuery (en relación al último mes)
Gráfica de JQuery

Mover una imagen de un div a otro div con JQuery


111 visualizaciones el último mes

JQuery

Publicado el 3 de Marzo del 2020 por Info (100 códigos)
2.686 visualizaciones desde el 3 de Marzo del 2020
Este simple código muestra como mover un elemento de una ubicación a otra.

En este ejemplo, se mueve una imagen de dentro de un div a otro div.

5e5e99bc3d28f-mover-elemento-javascript


Puedes ver la misma versión en JavaScript Vanilla: https://www.lawebdelprogramador.com/codigo/JavaScript/5991-Mover-una-imagen-de-un-div-a-otro-div-con-JavaScript.html
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


108 visualizaciones el último mes

JQuery

Publicado el 12 de Julio del 2013 por Xavi (548 códigos)
15.727 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