Códigos Fuente de JavaScript

Mostrando del 121 al 130 de 512 registros
Imágen de perfil

Foto Click / Keyb - Visor de Imágenes Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 30 de Diciembre del 2017 por ScriptShow (Publicado el 22 de Julio del 2017)
2.741 visualizaciones desde el 22 de Julio del 2017. Una media de 42 por semana
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

Evento hover en javascript para mostrar una imagen al pasar el ratón por encima de otra


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Diciembre del 2017 por xve
1.237 visualizaciones desde el 23 de Diciembre del 2017. Una media de 28 por semana
Este código muestra como utilizar los evento de javascript mouseover y mouseout para simular el evento de CSS hover al pasar el ratón por encima de una imagen.

Al pasar el ratón por encima de cualquiera de las imágenes, muestra dicha imagen como background de un div.

onmouseover-y-onmouseout-en-imagen
Imágen de perfil

Generador de Códigos QR con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 17 de Diciembre del 2017 por ScriptShow (Publicado el 01 de Febrero del 2017)
5.646 visualizaciones desde el 01 de Febrero del 2017. Una media de 63 por semana
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

Determinar la versión del navegador Edge con JavaScript


JavaScript

Publicado el 14 de Diciembre del 2017 por Xavi
446 visualizaciones desde el 14 de Diciembre del 2017. Una media de 14 por semana
Código que muestra como determinar la versión del navegador Edge
Imágen de perfil

Agenda de nombres con búsqueda por JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 08 de Diciembre del 2017 por ScriptShow (Publicado el 11 de Diciembre del 2016)
2.530 visualizaciones desde el 11 de Diciembre del 2016. Una media de 28 por semana
Agenda de nombres con búsqueda filrada por JavaScript nativo.
Al teclear una o varias letras, aparecen por separado las palabras / nombres según el criterio indicado.
El diseño es responsive, se adapta al tamaño de cualquier navegador y/o dispositivo con CSS-Style.

Espero sea útil.

Un saludo
Imágen de perfil

Juego de memoria (Memorama)


JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 25 de Noviembre del 2017 por Alejandro (Publicado el 25 de Febrero del 2017)
16.010 visualizaciones desde el 25 de Febrero del 2017. Una media de 175 por semana
Hice modificaciones a un código que saque de un libro ya que:
1.- Las cartas no siempre generaban pares
2.- Podía voltear mas de 2 cartas sin cubrirlas
3.- Cuando se terminaban las cartas quedaba el fondo

Así que las cartas ya siempre son en pares y limita a descubrir solo 2.
Al terminar las cartas dice "juego terminado" y al clickar comienza uno nuevo.

Es muy sencillo pero es base para desarrollos mas complejos, si tengo oportunidad luego lo publico con imágenes jeje

memorama

memorama11
Imágen de perfil

Mostrar una imagen con javascript sin enviarla al servidor


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 20 de Noviembre del 2017 por xve
2.711 visualizaciones desde el 20 de Noviembre del 2017. Una media de 49 por semana
Este código muestra como se puede visualizar una imagen seleccionada en el disco del usuario en le navegador sin enviarlas al servidor.
Se utiliza el objeto FileReader que se encuentra en los navegadores https://developer.mozilla.org/es/docs/Web/API/FileReader

El objeto FileReader permite que las aplicaciones web lean ficheros (o información en buffer) almacenados en el cliente de forma asíncrona, usando los objetos File o Blob dependiendo de los datos que se pretenden leer.

imagen-preview
Imágen de perfil

Focus / Blur Efectos en Web Site


JavaScript

Publicado el 20 de Noviembre del 2017 por ScriptShow
645 visualizaciones desde el 20 de Noviembre del 2017. Una media de 14 por semana
Script que cambia el aspecto de una web, intro, etc. al clicar dentro o fuera del navegador. Los eventos: OnFocus / OnBlur asociados a funciones JavaScript, cambian la/s Clase/s y contenidos de un Sitio Web. Abre el browser en primer plano; haz click sin cerrarlo ni minizarlo para ver el efecto.

Piensa en posibles aplicaciones...

Espero sea útil.

Un saludo
Imágen de perfil

Menú Contextual JavaScript Personalizado


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Noviembre del 2017 por ScriptShow
1.311 visualizaciones desde el 20 de Noviembre del 2017. Una media de 28 por semana
Script que actúa con el botón derecho del mouse. Al hacer click, aparece un menú personalizable con CSS-Style.

Si no queremos que aparezca el menú contextual por defecto en nuestra web, esta puede ser una opción configurable con facilidad.

Espero sea útil.

Un saludo
Imágen de perfil

Modal muy simple


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Noviembre del 2017 por ScriptShow
811 visualizaciones desde el 20 de Noviembre del 2017. Una media de 21 por semana
Un script muy básico y compatible para hacer un Light-Box / Modal. Al clicar en un botón, enlace, imagen, etc. aparece una capa traslúcida de opacidad ajustable. Al clicar en cualquier parte del Modal, se cierra. Adaptable a tus proyectos sin problemas.

Espero sea útil.

Un saludo
Revisar política de publicidad