Códigos Fuente de JavaScript

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

Albumes de fotos con carga independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Enero del 2017 por ScriptShow
95 visualizaciones desde el 19 de Enero del 2017
Visor de imágenes por álbumes con carga independiente...
Para evitar la espera al cargar álbumes que contienen muchas imágenes, sería aconsejable repartir en varios apartados, clasificados por contenidos, las diferentes fotos.

Técnicamente, hemos escogido una opción basada en varios Arrays que contienes las imágenes. Cada Array, está definido por una variable, que nos facilita su localización. Si clicamos en un enlace, invocamos el Array correspondiente incluido en una función, cargándose sólo esas imágenes...
El objetivo es poder ampliar casi indefinidamente el sistema, sin tener que esperar a que carguen todas las imágenes.

Espero sea útil.

Un saludo
Imágen de perfil

Sidenav Menú Vertical


JavaScript

Publicado el 15 de Enero del 2017 por ScriptShow
72 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

Slide Background images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 15 de Enero del 2017 por ScriptShow (Creado el 14 de Enero del 2017)
66 visualizaciones desde el 14 de Enero del 2017
Script que permite cambiar la imagen de fondo al clicar en una miniatura. Ejemplo basado en una estructura básica y compatible 100%. Muy sencillo de ampliar y adaptar a cualquier proyecto.
Si se precisa, con CSS es fácil cambiar el aspecto, posiciones, tamaños, color, etc...

Espero sea útil para experimentar.

Un saludo
Imágen de perfil

Semáforo


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 07 de Enero del 2017 por Eduardo (Creado el 06 de Enero del 2017)
132 visualizaciones desde el 06 de Enero del 2017
Se trata de dos semaforos que cambias su estado despues de cierto tiempo
Imágen de perfil

Reproductor de audio controlado desde JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 05 de Enero del 2017 por xve
117 visualizaciones desde el 05 de Enero del 2017
Este código muestra como se puede gestionar el elemento de HTML5 <audio> desde Javascript para reproducir una canción mp3, pudiendo iniciar, parar o reiniciar la canción desde JavaScript.

reproductor-audio
Imágen de perfil

Mostrar sucesivamente los input de un formulario


JavaScript

Publicado el 26 de Diciembre del 2016 por ScriptShow
232 visualizaciones desde el 26 de Diciembre del 2016
Simular con JavaScript el envío de un formulario con dos input que se muestran de uno en uno, sucesivamente... Cuando se completa el primer input correctamente [ Correo ], se muestra el segundo input [ Contraseña ]. Una vez finalizado el proceso, se reinicia la página.

La contraseña es: Test

Espero sea útil para experimentar...

Un saludo
Imágen de perfil

Menú vertical ajustable con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 19 de Diciembre del 2016 por ScriptShow (Creado el 18 de Diciembre del 2016)
214 visualizaciones desde el 18 de Diciembre del 2016. Una media de 49 por semana
Menú vertical de tamaño ajustable con JavaScript al ancho del dispositivo. Se basa en unas referencias (atributos y valores) para modificar el tamaño de los elementos...

La particularidad es que no utiliza "pseudo clases" ni "media queries", sólo JavaScript nativo crossbrowsers. Una simple función se encarga de todo.

Sirve para experimentar e implementar directamente en cualquier proyecto con pocas modificaciones.

Espero sea útil.


Un saludo
Imágen de perfil

Editor de texto con opciones básicas


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 18 de Diciembre del 2016 por ScriptShow (Creado el 10 de Diciembre del 2016)
627 visualizaciones desde el 10 de Diciembre del 2016. Una media de 105 por semana
Sencillo Editor basado en "execCommand" incluido en JavaScript. Simplifica bastante el código necesario para ciertos comandos; estos comandos son ampliables siguiendo instruciones y documentación sobre "execCommand".
Es compatible con la mayoría de navegadores, con escasas diferencias. Se ha utilizado a lo largo de años para construir editores más sofisticados.

Es útil para experimentar y ver resultados. Puede ser adaptable con CSS-Style a pequeños proyectos. En fin...


Un saludo
Imágen de perfil

Formulario Simple de Contacto con JavaScript


JavaScript

Publicado el 15 de Diciembre del 2016 por ScriptShow
203 visualizaciones desde el 15 de Diciembre del 2016. Una media de 42 por semana
Formulario simple de contacto para servicios de dominio que no disponen de Php.
El script realiza el envío del contenido de los campos por medio de JavaScript y el Cliente de Correo predeterminado por el usuario. También utiliza alguna verificación básica antes del envío.
El conjunto, le da un toque personal y credibilidad a la Web. Puede utilizarse, con un buen eslogan, como Landing Page ó One Page antes del lanzamiento del Sitio definitivo. En fin...

Espero sea útil.


Un saludo
Imágen de perfil

Agenda de nombres con búsqueda por JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 12 de Diciembre del 2016 por ScriptShow (Creado el 11 de Diciembre del 2016)
521 visualizaciones desde el 11 de Diciembre del 2016. Una media de 91 por semana
Agenda de nombres con búsqueda filtrada 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