Mostrar los tags: javascript

Mostrando del 51 al 60 de 182 coincidencias
Se ha buscado por el tag: javascript
Imágen de perfil

Recortar el texto de un div para posteriormente permitir visualizarlo


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 11 de Diciembre del 2019 por Xavi (548 códigos) (Publicado el 3 de Septiembre del 2014)
7.255 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

Generador de Códigos QR con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 24 de Octubre del 2019 por Scriptshow (141 códigos) (Publicado el 1 de Febrero del 2017)
16.903 visualizaciones desde el 1 de Febrero del 2017
Generador de Códigos QR offline con JavaScript.

Una aplicación muy extendida por la web en sus diversas versiones... Aquí traemos un sencillo script que hace lo mismo, genera Códigos QR apartir de un texto escrito en un Textarea.
Para cualquier duda, leer los créditos incluidos en el archivo JS.

The word 'QR Code' is registered trademark of DENSO WAVE INCORPORATED

Espero sea útil.

Un saludo
Imágen de perfil

Mover objetos con el Scroll (Parallax)


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 24 de Octubre del 2019 por Scriptshow (141 códigos) (Publicado el 21 de Mayo del 2017)
5.252 visualizaciones desde el 21 de Mayo del 2017
Mover objetos, texto, imágenes, etc. con la barra de scroll. Utilizado también para efectos como Parallax.
Un evento invoca la función JavaScript encargada de hacer los efectos. La posición del scroll con respecto al Top, determina la posición de un DIV. Una división matemática, ralentiza el movimiento con respecto al fondo. Hay más opciones posibles...


Espero sea útil.

Un saludo
Imágen de perfil

SALVAPANTALLAS WEB 2.0


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 24 de Octubre del 2019 por Scriptshow (141 códigos) (Publicado el 11 de Junio del 2017)
3.247 visualizaciones desde el 11 de Junio del 2017
Salvapantallas para Web, realizado en JavaScript y CSS.
En ausencia de actividad en la Web, pasados unos segundos (ajustables), aparecen textos que se desplazan por la pantalla. Al mover el mouse, teclear, clikcar, etc. se desactiva el Salvapantallas.

Es un script adaptable para otros y/o varios usos.

Espero sea útil.

Un saludo
Imágen de perfil

Retornar al Top de la página progresivamente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por Scriptshow (141 códigos) (Publicado el 24 de Septiembre del 2017)
1.818 visualizaciones desde el 24 de Septiembre del 2017
Código JavaScript para retornar progresivamente al Top de la página pulsando en un enlace, una imagen, un botón, etc. Adaptable, ajustable, ampliable...
Funciona en todos los navegadores y dispositivos compatibles.

Espero sea útil.
Imágen de perfil

Mostrar Ocultar Contenidos de forma Independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Octubre del 2019 por Scriptshow (141 códigos) (Publicado el 9 de Abril del 2017)
4.495 visualizaciones desde el 9 de Abril del 2017
Mostrar y ocultar contenidos al clicar en enlaces, botones, imágenes, menús, tabs...
Una sola función en JavaScript se encarga de todo. Basado en un bucle e índices para localizar los elementos / objetos y sus atributos.

Ampliable y compatible con la mayoría de navegadores.

Espero sea útil.
Imágen de perfil

Foto Click / Keyb - Visor de Imágenes Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Octubre del 2019 por Scriptshow (141 códigos) (Publicado el 22 de Julio del 2017)
7.294 visualizaciones desde el 22 de Julio del 2017
Se trata de un visor de imágenes y/o fotos manual...
Cambia las imágenes adelante y atrás clicando en la parte izquierda o derecha de la imagen y/o pulsando las teclas de dirección-flechas.
La imagen permanece centrada y ajustada proporcional a las dimensiones.

Es un diseño responsive, se adapta a cualquier resolución de pantalla y/o dispositivo.

Espero sea útil.

Un saludo
Imágen de perfil

Indicador de mínimo y máximo con aguja


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Septiembre del 2019 por Joel (150 códigos)
9.888 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5542-Indicador-de-minimo-y-maximo-con-aguja-que-cambia-de-color.html, este no cambia el color de la aguja.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().
Imágen de perfil

Indicador de mínimo y máximo con aguja que cambia de color


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Septiembre del 2019 por Joel (150 códigos)
3.754 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html, en este la aguja va cambiando de color de verde a rojo según su valor.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().