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


48 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 24 de Mayo del 2018 por Xavi (Publicado el 22 de Enero del 2013)
122.085 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: 431
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


31 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(17)
Actualizado el 7 de Febrero del 2018 por xve (Publicado el 13 de Abril del 2015)
53.872 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: 418
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


23 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Febrero del 2013 por Xavi
59.429 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: 418
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Mascaras en los inputs


21 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Mayo del 2014 por Xavi
43.048 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: 431
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Recorrer una variable json con jquery


21 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 23 de Diciembre del 2014 por xve
38.200 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: 431
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


20 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 2 de Marzo del 2019 por xve (Publicado el 10 de Mayo del 2018)
12.287 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: 431
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


18 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 2 de Febrero del 2015 por xve
33.546 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: 418
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


18 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 2 de Abril del 2013 por Xavi
44.130 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: 431
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


17 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Agosto del 2015 por xve
26.860 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: 431
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


10 visualizaciones de promedio por día

JQuery

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

Mantener siempre visible el menú en la parte superior al hacer scroll con html5 y jquery


10 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 18 de Diciembre del 2013 por Xavi
22.151 visualizaciones desde el 18 de Diciembre del 2013
Código que muestra como mantener siempre visible un menú en la parte superior de la pantalla al hacer un scroll.
Imágen de perfil
Val: 11
Ha disminuido 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

Mostrar la hora del servidor con petición AJAX con JQuery


10 visualizaciones de promedio por día

JQuery

Publicado el 25 de Octubre del 2019 por info
914 visualizaciones desde el 25 de Octubre del 2019
Simple código para mostrar como hacer una petición AJAX cada segundo para obtener la hora del servidor obteniendo el valor por JSON utilizando la librería JQuery.

Aquí el mismo código con JavaScript: http://lwp-l.com/s5607
Imágen de perfil
Val: 418
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


9 visualizaciones de promedio por día

JQuery

Publicado el 4 de Abril del 2013 por Xavi
23.032 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: 431
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


9 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(20)
Publicado el 19 de Diciembre del 2014 por xve
16.961 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

Añadir y eliminar filas de un formulario


9 visualizaciones de promedio por día

JQuery

Publicado el 23 de Octubre del 2019 por Administrador
881 visualizaciones desde el 23 de Octubre del 2019
Este código muestra como añadir y eliminar filas en un formulario dentro de una tabla.

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

Ejemplo barra de progreso con jquery-ui


9 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 16 de Julio del 2013 por Xavi
21.255 visualizaciones desde el 16 de Julio del 2013
Ejemplo de la utilización de progressbar de jquery-ui para mostrar el funcionamiento de la barra de progreso.
Imágen de perfil
Val: 418
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Ejemplo de seleccionar una fecha con jquery-ui (datepicker)


9 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Febrero del 2014 por Xavi
18.601 visualizaciones desde el 21 de Febrero del 2014
Ejemplo de la utilización de datepicker de jquery-ui para seleccionar una fecha dada.
Imágen de perfil
Val: 107
Bronce
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Obtener la IP del usuario con JQuery utilizando un servidor externo


9 visualizaciones de promedio por día

JQuery

Publicado el 10 de Noviembre del 2019 por joel
686 visualizaciones desde el 10 de Noviembre del 2019
Este código muestra como obtener la ip del usuario utilizando la api de ipfy.org

Nos puede devolver la IP en modo texto si llamamos únicamente a: https://api.ipify.org
O en modo json y le pasamos como parámetro: https://api.ipify.org?format=json
Imágen de perfil
Val: 418
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


8 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 21 de Junio del 2019 por Xavi (Publicado el 31 de Octubre del 2013)
18.612 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: 107
Bronce
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Controlar cuando se tiene el botón del ratón pulsado en JQuery


8 visualizaciones de promedio por día

JQuery

Publicado el 7 de Septiembre del 2019 por joel
1.123 visualizaciones desde el 7 de Septiembre del 2019
Este código muestra como realizar una tarea mientras se mantiene pulsado el botón del ratón
Imágen de perfil
Val: 431
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


7 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Febrero del 2017 por xve
7.703 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: 418
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Votación con estrellas con jquery


7 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(14)
Actualizado el 17 de Marzo del 2019 por Xavi (Publicado el 18 de Agosto del 2014)
14.130 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: 418
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


7 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 24 de Septiembre del 2018 por Xavi (Publicado el 21 de Enero del 2012)
19.609 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: 431
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


6 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 1 de Septiembre del 2017 por xve
5.699 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: 431
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


6 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 22 de Enero del 2015 por xve
11.339 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: 418
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


6 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 4 de Diciembre del 2011 por Xavi
17.784 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


6 visualizaciones de promedio por día

JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Noviembre del 2017 por Miqi666
4.707 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: 418
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cambiar la capa de nuestra web utilizando fadeIn y fadeOut en HTML5


6 visualizaciones de promedio por día

JQuery

Publicado el 25 de Julio del 2013 por Xavi
14.014 visualizaciones desde el 25 de Julio del 2013
Código que muestra como utilizar simultáneamente el fadeIn y fadeOut para cambiar la capa visual.
Imágen de perfil

Leer una lista multidimensional de valores recursivamente


6 visualizaciones de promedio por día

JQuery

Publicado el 2 de Noviembre del 2019 por Administrador
515 visualizaciones desde el 2 de Noviembre del 2019
Si disponemos de un json del cual no conocemos la cantidad de niveles que puede tener, por ejemplo en un árbol genealógico hay personas que pueden tener hijos, y esos hijos también pueden tener más hijos, y así se creará un juego de nodos que se irá expandiendo de arriba hacia abajo, sin saber su límite.

En este código, de manera recursiva muestra como obtener todos los valores.
Imágen de perfil
Val: 418
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


6 visualizaciones de promedio por día

JQuery

Actualizado el 12 de Diciembre del 2019 por Xavi (Publicado el 25 de Diciembre del 2013)
13.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.