Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
Iniciar sesión Cerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta

Códigos Fuente de JQuery

Mostrando del 1 al 10 de 57 registros
<<>>
Imágen de perfil

Reloj mientras se esta cargando la página


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 22 de Octubre del 2014 por xve
342 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.

Selects dinamicos con PHP y Jquery


JQuery

estrellaestrellaestrellaestrellaestrella
Actualizado el 07 de Octubre del 2014 por Xavi (Creado el 05 de Mayo del 2014)
775 visualizaciones desde el 05 de Mayo del 2014. Una media de 35 por semana
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.

incluir un archivo en nuestra web desde JavaScript con jquery


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 02 de Octubre del 2014 por Xavi
429 visualizaciones desde el 02 de Octubre del 2014
Código que muestra como incluir archivos en nuestra pagina html con jquery mediante peticiones AJAX.
La página a cargar mediante AJAX, únicamente tiene que contener el código a mostrar, no tienes que volver a definir la cabecera, estilos, etc..., ya que cogerá esa información de la pagina donde se incluya.

Recortar el texto de un div para posteriormente permitir visualizarlo


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 03 de Septiembre del 2014 por Xavi
360 visualizaciones desde el 03 de Septiembre del 2014. Una media de 56 por semana
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.

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


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 29 de Agosto del 2014 por Xavi
428 visualizaciones desde el 29 de Agosto del 2014. Una media de 56 por semana
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

Votación con estrellas con jquery


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 18 de Agosto del 2014 por Xavi
442 visualizaciones desde el 18 de Agosto del 2014. Una media de 49 por semana
Código HTML con JQuery y Sprites que muestra como realizar una votación utilizando cinco estrellas.

Ejemplo de la utilización de slideUp y slideDown


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 02 de Agosto del 2014 por Xavi
320 visualizaciones desde el 02 de Agosto del 2014. Una media de 28 por semana
Este es un simple ejemplo, para poder mostrar la utilización de las funciones de jquery slideUp() y slideDown() para mostrar y ocultar un div en modo persiana.

Mostramos una capa después de estar unos segundos encima de otra capa


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 30 de Julio del 2014 por Xavi
347 visualizaciones desde el 30 de Julio del 2014. Una media de 35 por semana
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...

Mostrar parte de un texto resaltado según selección


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 29 de Julio del 2014 por Xavi
390 visualizaciones desde el 29 de Julio del 2014. Una media de 35 por semana
Código que muestra como resaltar unas palabras de un texto dado según una selección estipulada. Para ello, se añaden y quitan estilos con jquery.

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


JQuery

estrellaestrellaestrellaestrellaestrella
Publicado el 23 de Julio del 2014 por Xavi
515 visualizaciones desde el 23 de Julio del 2014. Una media de 42 por semana
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.
|< << 1 23456>>>|