Códigos Fuente de JQuery

Mostrando del 1 al 10 de 116 registros
<<>>
Imágen de perfil
Val: 175
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


JQuery

Actualizado el 30 de Junio del 2020 por Joel (119 códigos) (Publicado el 28 de Junio del 2020)
177 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: 175
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


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 11 de Junio del 2020 por Joel (119 códigos)
462 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

Efecto acordeon con JQuery


JQuery

Publicado el 10 de Junio del 2020 por Administrador (671 códigos)
362 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: 21
Ha aumentado 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

Mover una imagen de un div a otro div con JQuery


JQuery

Publicado el 3 de Marzo del 2020 por Info (80 códigos)
628 visualizaciones desde el 3 de Marzo del 2020
Este simple código muestra como mover un elemento de una ubicación a otra.

En este ejemplo, se mueve una imagen de dentro de un div a otro div.

5e5e99bc3d28f-mover-elemento-javascript


Puedes ver la misma versión en JavaScript Vanilla: https://www.lawebdelprogramador.com/codigo/JavaScript/5991-Mover-una-imagen-de-un-div-a-otro-div-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

Calendario en jquery


JQuery

Actualizado el 24 de Diciembre del 2019 por Xavi (530 códigos) (Publicado el 7 de Julio del 2014)
4.028 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: 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


JQuery

Actualizado el 12 de Diciembre del 2019 por Xavi (530 códigos) (Publicado el 25 de Diciembre del 2013)
13.987 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

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 (530 códigos) (Publicado el 29 de Agosto del 2014)
1.834 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: 389
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 (530 códigos) (Publicado el 3 de Septiembre del 2014)
4.659 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: 175
Plata
Ha aumentado 1 puesto 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 (119 códigos)
803 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 (671 códigos)
592 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.