Códigos Fuente de JavaScript

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

Manejar opciones de un Select con JavaScript


JavaScript

Publicado el 14 de Febrero del 2017 por ScriptShow
1.441 visualizaciones desde el 14 de Febrero del 2017. Una media de 28 por semana
Una forma sencilla de manejar un Select con JavaScript. Se puede cambiar de opción a distancia, pulsando un botón, un enlace, una imagen, etc...
Si pones el valor de la primera opción del Select en el DOM, actúa como un "reset".

Espero sea útil para para experimentar.

Un saludo
Imágen de perfil

Convierte una fecha en formato ingles a español


JavaScript

Publicado el 06 de Febrero del 2017 por Xavi
1.870 visualizaciones desde el 06 de Febrero del 2017. Una media de 35 por semana
Código que recibe un fecha en formato ingles (aaaa/mm/dd), y la devuelve el formato español (dd/mm/aaaa) si esta es correcta, o un objeto fecha. Incluye función para validar si la fecha es correcta.

Este código es el mismo que hay publicado aquí pero modificado para convertir de ingles a español.
Imágen de perfil

Albumes de fotos con carga independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Enero del 2017 por ScriptShow
1.698 visualizaciones desde el 19 de Enero del 2017. Una media de 28 por semana
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

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Enero del 2017 por ScriptShow
1.731 visualizaciones desde el 15 de Enero del 2017. Una media de 28 por semana
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(2)
Actualizado el 15 de Enero del 2017 por ScriptShow (Publicado el 14 de Enero del 2017)
1.467 visualizaciones desde el 14 de Enero del 2017. Una media de 28 por semana
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(5)
Actualizado el 07 de Enero del 2017 por Eduardo (Publicado el 06 de Enero del 2017)
2.752 visualizaciones desde el 06 de Enero del 2017. Una media de 42 por semana
Se trata de dos semaforos que cambias su estado despues de cierto tiempo
Imágen de perfil

Mostrar sucesivamente los input de un formulario


JavaScript

Publicado el 26 de Diciembre del 2016 por ScriptShow
1.358 visualizaciones desde el 26 de Diciembre del 2016. Una media de 21 por semana
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(3)
Actualizado el 19 de Diciembre del 2016 por ScriptShow (Publicado el 18 de Diciembre del 2016)
1.602 visualizaciones desde el 18 de Diciembre del 2016. Una media de 28 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(4)
Actualizado el 18 de Diciembre del 2016 por ScriptShow (Publicado el 10 de Diciembre del 2016)
2.213 visualizaciones desde el 10 de Diciembre del 2016. Una media de 35 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

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 15 de Diciembre del 2016 por ScriptShow
4.327 visualizaciones desde el 15 de Diciembre del 2016. Una media de 63 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