Los códigos más visitados de JQuery

esta porción de código la uso dentro de las web para controlar en inicio de sesión, validando si eres o no un humano, ya que antes de ingresar debes acertar la suma que te muestra.

Este código, muestra como visualizar una viñeta de información al lado de un input type=text cuando recibe el foco del cursor.
También se muestra una viñeta de error cuando el campo esta vació.

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.

Este simple código, muestra como añadir y quitar filas editables (<input>) de una tabla, y muestra los valores recibidos en PHP

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

Script que genera números aleatorios de la lotería al clicar en un botón.

Código que muestra como utilizar simultáneamente el fadeIn y fadeOut para cambiar la capa visual.

Este código realiza una cuenta atrás utilizando "animation" de CSS para mostrar la barra de progreso y jquery para mostrar los valores a cada segundo.

Actualmente la cuenta atrás va de 10 a 0, pero si se desea modificar, se debe modificar la variable "contador" de js y el estilo "animation" de CSS poniendo en los dos lados el mismo valor.

La cuenta atrás, es iniciada desde jquery a los 500 milisegundos de cargar la pagina.

Se especifica la anchura de la barra en la case "meter" de css.

Una vez finalizado el tiempo, se ejecuta la función de js finalCuantaAtras() para poder ejecutar cualquier proceso.

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.



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

Este código simula el juego del "Simon" en el cual tienes que ir pulsando una combinación de colores que te va dando Simon. Cada vez que completas dicha secuencia, Simon te muestra la misma secuencia añadiendo un nuevo color cada vez, haciendo cada vez mas difícil de recordar.
En el momento que no pulsas la secuencia correcta de colores el juego finaliza mostrándote donde has fallado.

Este código muestra como detectar las pulsaciones de dos teclas, ya sea CTRL o SHIFT con cualquier otra tecla.

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.

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.

Excelente clon del juego del Tetris en 4Kb de código javascript, el cual incluye el código CSS.

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.

Menú vertical multinivel responsivo, que funciona gracias a la librería jQuery.

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.

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.

Código que muestra como simular un botón desactivado para que funcione el evento click()

Ejemplo de la utilización de progressbar de jquery-ui para mostrar el funcionamiento de la barra de progreso.

Código que muestra como cargar una pagina externa a modo de include() con jquery.

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.

Este código muestra como ir a cualquier punto de la pantalla que disponga de un id haciendo la animación del movimiento.

Evento de jquery para mostrar siempre los caracteres introducidos por el usuario en mayúsculas, tanto en los textarea como en los input type=text

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.



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.

Ejemplo que muestra como mover una fila de una tabla a otra tabla según si un checkbox esta seleccionado o no.

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

Código que muestra como cambiar el color de fondo de un listado en modo pijama (dos colores).

Simple código de jquery con javascript que nos permite retrasar unos segundos o milisegundos la aparición de una capa.
Esto puede ser trasladado a cualquier evento que se tenga que ejecutar en una página, como por ejemplo ampliar una imagen al cabo de 1 segundo de estar encima, o ampliar un texto, etc...

Código que muestra como rotar un grupo de imágenes pulsando con el ratón encima de la imagen visible