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: 401
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


808 visualizaciones el último mes

JQuery

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


801 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(17)
Actualizado el 7 de Febrero del 2018 por Xve (281 códigos) (Publicado el 13 de Abril del 2015)
60.578 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



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: 389
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


640 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 24 de Mayo del 2018 por Xavi (530 códigos) (Publicado el 22 de Enero del 2013)
127.262 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: 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


459 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 2 de Marzo del 2019 por Xve (281 códigos) (Publicado el 10 de Mayo del 2018)
15.356 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: 185
Plata
Ha aumentado 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

Separador de horas y minutos (:) automáticamente con jquery


442 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 11 de Junio del 2020 por Joel (120 códigos)
487 visualizaciones desde el 11 de Junio del 2020
Código que muestra como poner el separador (dos puntos) entre horas y minutos de manera automática.
Imágen de perfil
Val: 401
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Recorrer una variable json con jquery


411 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 23 de Diciembre del 2014 por Xve (281 códigos)
41.037 visualizaciones desde el 23 de Diciembre del 2014
En estos ejemplos, muestro como recorrer un json normal, y un json bidimensional con jquery.
Imágen de perfil
Val: 401
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


397 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Agosto del 2015 por Xve (281 códigos)
29.972 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: 185
Plata
Ha aumentado 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

Seleccionar la opción de menú según la pagina donde estamos con JQuery


358 visualizaciones el último mes

JQuery

Actualizado el 30 de Junio del 2020 por Joel (120 códigos) (Publicado el 28 de Junio del 2020)
358 visualizaciones desde el 28 de Junio del 2020
Código de busca la url de la pagina donde nos encontramos dentro de las urls del menú de nuestra pagina y añade un estilo a dicho enlace para diferenciarlo del resto. En este ejemplo se añade el estilo CSS "selected" que lo pone en negrita.

Puedes ver el mismo código en JavaScript en: https://www.lawebdelprogramador.com/codigo/JavaScript/6328-Seleccionar-la-opcion-se-menu-segun-la-pagina-donde-estamos-con-JavaScript.html
Imágen de perfil
Val: 401
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


339 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Agosto del 2016 por Xve (281 códigos)
14.495 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: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mascaras en los inputs


317 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Mayo del 2014 por Xavi (530 códigos)
45.338 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

Efecto acordeon con JQuery


299 visualizaciones el último mes

JQuery

Publicado el 10 de Junio del 2020 por Administrador (671 códigos)
379 visualizaciones desde el 10 de Junio del 2020
El efecto acordeon de jquery es útil para mostrar mucho contenido en un espacio reducido, un buen ejemplo de ello, pueden ser las FAQ.

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

Agregar o quitar filas editables de una tabla


292 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Febrero del 2017 por Xve (281 códigos)
9.578 visualizaciones desde el 21 de Febrero del 2017
Este simple código, muestra como añadir y quitar filas editables (<input>) de una tabla, y muestra los valores recibidos en PHP

agragar-o-quitar-filas
Imágen de perfil
Val: 23
Ha aumentado 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

Cambiar de color de las celdas según el contenido


211 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Noviembre del 2017 por Miqi666
6.056 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: 401
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


184 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(20)
Publicado el 19 de Diciembre del 2014 por Xve (281 códigos)
17.808 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: 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


182 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 21 de Junio del 2019 por Xavi (530 códigos) (Publicado el 31 de Octubre del 2013)
19.572 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

Mostrar imagenes


169 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Septiembre del 2017 por Xavi (530 códigos) (Publicado el 3 de Octubre del 2012)
13.423 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: 401
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Simular la pulsación de la tecla Enter


165 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 1 de Septiembre del 2017 por Xve (281 códigos)
6.741 visualizaciones desde el 1 de Septiembre del 2017
Este simple código, muestra como generar la pulsación de una tecla desde código
Imágen de perfil
Val: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Selects dinamicos con PHP y Jquery


165 visualizaciones el último mes

JQuery

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


161 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 24 de Septiembre del 2018 por Xavi (530 códigos) (Publicado el 21 de Enero del 2012)
20.653 visualizaciones desde el 21 de Enero del 2012
Código que muestra como ocultar un div con la tecla ESC (Escape)
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


155 visualizaciones el último mes

JQuery

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

Cargar una pagina externa en un div como un include


152 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 2 de Abril del 2013 por Xavi (530 códigos)
44.954 visualizaciones desde el 2 de Abril del 2013
Código que muestra como cargar una pagina externa a modo de include() con jquery.
Imágen de perfil
Val: 401
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Seleccionar y de-seleccionar todos los elementos de un select


143 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 22 de Enero del 2015 por Xve (281 códigos)
12.523 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
Val: 401
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Ir a una posición de la pantalla por su id


120 visualizaciones el último mes

JQuery

Publicado el 15 de Septiembre del 2015 por Xve (281 códigos)
6.412 visualizaciones desde el 15 de Septiembre del 2015
Este código muestra como ir a cualquier punto de la pantalla que disponga de un id haciendo la animación del movimiento.
Imágen de perfil
Val: 389
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


115 visualizaciones el último mes

JQuery

Publicado el 12 de Julio del 2013 por Xavi (530 códigos)
12.147 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
Imágen de perfil
Val: 401
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mover una fila de una tabla a otra tabla


108 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 30 de Mayo del 2016 por Xve (281 códigos)
8.159 visualizaciones desde el 30 de Mayo del 2016
Ejemplo que muestra como mover una fila de una tabla a otra tabla según si un checkbox esta seleccionado o no.

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

Sencillo ejemplo de selects dinámicos


106 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(8)
Publicado el 5 de Julio del 2012 por Xavi (530 códigos)
16.294 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: 389
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


101 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 9 de Junio del 2014 por Xavi (530 códigos)
9.426 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: 389
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Poner el cursor al final de un input o textarea con JQuery


94 visualizaciones el último mes

JQuery

Actualizado el 12 de Diciembre del 2019 por Xavi (530 códigos) (Publicado el 25 de Diciembre del 2013)
14.009 visualizaciones desde el 25 de Diciembre del 2013
Código que muestra como poner el cursor al final de un input o textarea y mover el scroll al final del mismo.
Imágen de perfil
Val: 389
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


94 visualizaciones el último mes

JQuery

Publicado el 4 de Abril del 2013 por Xavi (530 códigos)
23.579 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: 389
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


93 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Febrero del 2013 por Xavi (530 códigos)
60.252 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.