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


232 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)
94.414 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


134 visualizaciones el último mes

JQuery

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


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

Menú vertical multinivel


79 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)
5.879 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: 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


78 visualizaciones el último mes

JQuery

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


57 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 11 de Diciembre del 2020 por Xve (294 códigos)
4.714 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

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


56 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)
9.921 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
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


53 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 22 de Octubre del 2014 por Xve (294 códigos)
10.317 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: 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


52 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Agosto del 2015 por Xve (294 códigos)
43.779 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

Cargar páginas dentro de un div con jquery


51 visualizaciones el último mes

JQuery

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

Calculo para el sistemas de numerología en JavaScript


48 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 10 de Enero del 2021 por Xve (294 códigos) (Publicado el 26 de Marzo del 2015)
8.048 visualizaciones desde el 26 de Marzo del 2015
Aquí he desarrollado un código con javascript y jquery donde realizo un calculo de numerología.

Este calculo, lo que hace es:

1.- Sumar las letras de tu nombre en relación a la tabla:
1
2
3
4
1 2 3 4 5 6 7 8 9
a b c d e f g h i
j k l m n o p q r
s t u v w x y z

Donde si tu nombre es "jose", tus valores numéricos son: 1 6 1 5 que sumados son: 13 que sumados son 4

2.- sumar los valores de tu fecha de nacimiento para devolver un valor numérico. Si ese valor números es superior a 10, se suman los dígitos del resultado.
Ejemplo: 27/9/1970 = 35 = 8
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


44 visualizaciones el último mes

JQuery

Publicado el 4 de Abril del 2013 por Xavi (548 códigos)
25.787 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

Como poner un botón para subir al inicio de nuestra página


42 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Julio del 2014 por Xavi (548 códigos)
5.315 visualizaciones desde el 23 de Julio del 2014
Este código añade un botón en la parte inferior de la página cuando se desplaza la barra vertical del navegador (scroll) hacia abajo. Ese botón, nos permite con un simple efecto animado, subir al inicio de la página cuando es pulsado.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Recortar el texto de un div para posteriormente permitir visualizarlo


42 visualizaciones el último mes

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 11 de Diciembre del 2019 por Xavi (548 códigos) (Publicado el 3 de Septiembre del 2014)
7.328 visualizaciones desde el 3 de Septiembre del 2014
Código que dada una cadena superior a 100 caracteres, la recorta y añade al final del mismo un texto de "(más)" para mostrar todo el contenido nuevamente. De igual forma, aparece el texto "(menos)" al final para recortarlo posteriormente.

El funcionamiento del mismo, es que se guardan las cadenas de texto en un array de valores de javascript, para de esta manera, poder visualizar nuevamente todo el contenido.

recortar-texto-div
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


35 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)
16.655 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

Dar formato al selector de archivos


33 visualizaciones el último mes

JQuery

Publicado el 26 de Febrero del 2014 por Xavi (548 códigos)
7.817 visualizaciones desde el 26 de Febrero del 2014
Código que muestra como personalizar nuestro selector de archivos, pudiendo utilizar cualquier div como botón para seleccionar un archivo y subirlo al servidor.
Imágen de perfil
Val: 293
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Calendario en jquery


32 visualizaciones el último mes

JQuery

Actualizado el 24 de Diciembre del 2019 por Xavi (548 códigos) (Publicado el 7 de Julio del 2014)
6.073 visualizaciones desde el 7 de Julio del 2014
Código que muestra como crear un calendario en javascript utilizando jquery. Este calendario permite moverse por los meses y mostrar la fecha en el formato deseado cuando se pulsa sobre cualquier fecha.

calendario-jquery
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


32 visualizaciones el último mes

JQuery

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