Códigos Fuente de JQuery

Mostrando del 1 al 10 de 112 registros
<<>>
Imágen de perfil
Val: 417
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Calendario en jquery


JQuery

Actualizado el 24 de Diciembre del 2019 por Xavi (Publicado el 7 de Julio del 2014)
3.755 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: 417
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


JQuery

Actualizado el 12 de Diciembre del 2019 por Xavi (Publicado el 25 de Diciembre del 2013)
13.166 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: 417
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Limitar la visualización de un texto y permitir mostrarlo y esconderlo con efecto transition de css3


JQuery

Actualizado el 11 de Diciembre del 2019 por Xavi (Publicado el 29 de Agosto del 2014)
1.694 visualizaciones desde el 29 de Agosto del 2014
Este código muestra como reducir el tamaño de un div que contiene un texto, para mostrar unicamente una parte del contenido del texto, y permitir mediante un botón de más y menos visualizar el resto del contenido

limitar-visualizacion-div
Imágen de perfil
Val: 417
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


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 11 de Diciembre del 2019 por Xavi (Publicado el 3 de Septiembre del 2014)
4.428 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: 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


JQuery

Publicado el 10 de Noviembre del 2019 por Joel
701 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

Leer una lista multidimensional de valores recursivamente


JQuery

Publicado el 2 de Noviembre del 2019 por Administrador
527 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: 11
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

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


JQuery

Publicado el 25 de Octubre del 2019 por Info
940 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

Añadir y eliminar filas de un formulario


JQuery

Publicado el 23 de Octubre del 2019 por Administrador
898 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: 417
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Autocompletar desde un array de valores con JQuery


JQuery

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 22 de Septiembre del 2019 por Xavi (Publicado el 4 de Octubre del 2016)
2.640 visualizaciones desde el 4 de Octubre del 2016
Este código muestra los países a medida que se va escribiendo en un cuadro de texto, permitiendo seleccionar cualquier país del listado que se va mostrando a medida que se va escribiendo.
Cada vez que se selecciona un país, se crea una nueva caja con el país seleccionado, permitiendo eliminarlo de la selección.

autocompletar-1

autocompletar-2

autocompletar-3

autocompletar-4


He creado la misma versión con JavaScript sin utilizar jquery.
La versión con JavaScript: https://www.lawebdelprogramador.com/codigo/JavaScript/5545-Autocompletar-desde-un-array-de-valores-con-JavaScript.html
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


JQuery

Publicado el 7 de Septiembre del 2019 por Joel
1.131 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