Códigos Fuente de JavaScript

Mostrando del 391 al 400 de 799 registros
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Como añadir un archivo CSS desde javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 14 de Junio del 2018 por Xve (286 códigos)
1.267 visualizaciones desde el 14 de Junio del 2018
Este simple código muestra como añadir una hoja de estilos CSS desde javascript.

En este ejemplo, añade la hora de estilo estiloNoche.css en la página a partir de las 21:00 horas
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Utilizar el estilo :before para poner un botón en un cuadro de texto para ampliar


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 11 de Junio del 2018 por Xve (286 códigos)
1.083 visualizaciones desde el 11 de Junio del 2018
Los elemento añadidos por :after o :before desde CSS no se encuentran en el DOM, por lo que no es posible crear eventos sobre ellos. Para ellos, utilizamos la posición del click para simular la pulsación sobre :before para ampliar o disminuir un texto.

abrir-y-cerrar-capa
Imágen de perfil
Val: 1.968
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mensajes personalizados para nuestras paginas web


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 3 de Junio del 2018 por Xavi (534 códigos)
1.744 visualizaciones desde el 3 de Junio del 2018
Este código muestra como mostrar mensajes personalizados a los usuarios en medio de la pantalla.

El contenido del mensaje es HTML con CSS, por lo que podemos personalizarlo por completo, como poner imágenes en nuestros mensajes, y personalizar los botones con diferentes colores, etc...

Aquí os muestro algunos ejemplos...

mensaje-personalizado-1

mensaje-personalizado-2

mensaje-personalizado-3
Imágen de perfil
Val: 2.104
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Imagen B/N con fondo efecto mono-color


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Junio del 2018 por Scriptshow (138 códigos)
1.106 visualizaciones desde el 2 de Junio del 2018
Una sola imagen ó silueta en escala de grises (B/N) que cambia de color, sin necesidad de utilizar varias imágenes para ello... Absolutamente compatible de forma nativa.

Un Script puede aplicar decenas, cientos de colores aleatorios al fondo para conseguir el efecto, el resto es una opacidad prefijada en CSS. No es una práctica que esté extendida en webs, creo. Lo descubrí experimentando por mi cuenta.

Espero sea útil.


Un saludo
Imágen de perfil
Val: 31
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Validación automática de formularios


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 15 de Mayo del 2018 por Julio César (Publicado el 27 de Abril del 2018)
2.247 visualizaciones desde el 27 de Abril del 2018
Éste código valida automáticamente los campos de texto y combos de cualquier formulario.
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Arrastras y soltar elementos de una lista con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 14 de Mayo del 2018 por Xve (286 códigos)
1.257 visualizaciones desde el 14 de Mayo del 2018
Este código muestra como arrastrar y soltar un elemento (Drag & Drop) de una lista

arrastrar-y-soltar-1
arrastrar-y-soltar-2
arrastrar-y-soltar-3
Imágen de perfil
Val: 12
Ha disminuido su posición en 21 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

ingresar, mostrar, incrementar y duplicar numero


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 9 de Mayo del 2018 por Elias
1.970 visualizaciones desde el 9 de Mayo del 2018
Ejercicio ingreso de numero, mostrar, incrementar y duplicar mediante funciones.
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simular el SLOT de una maquina tragaperras


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 25 de Abril del 2018 por Xve (286 códigos) (Publicado el 26 de Febrero del 2018)
19.494 visualizaciones desde el 26 de Febrero del 2018
Aquí os muestro una manera de simular el "slot" de una maquina tragaperras.

He obtenido la idea de la pagina http://odhyan.com/slot/ y lo he modificado para intentar hacerlo mas sencillo con un solo "slot" y sin objetos a modo de practica.

slot-inicial slot-funcionando

slot
Imágen de perfil
Val: 38
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Selectores dinámicos


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 24 de Abril del 2018 por Gabi (6 códigos)
10.613 visualizaciones desde el 24 de Abril del 2018
Ejemplo sencillo de un selector dinamico realizado en javascript.

Cuando seleccionas un valor en la primera caja, automáticamente se actualizan los valores de la segunda caja.
Imágen de perfil

Gráfico circular utilizando google chart


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Abril del 2018 por Administrador (695 códigos)
2.575 visualizaciones desde el 15 de Abril del 2018
Este simple código muestra como utilizar la librería charts de google.

grafico-con-google-chart