Códigos Fuente de JavaScript

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

Validación automática de formularios


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 15 de Mayo del 2018 por Julio César (Publicado el 27 de Abril del 2018)
610 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

Arrastras y soltar elementos de una lista con JavaScript


JavaScript

Publicado el 14 de Mayo del 2018 por xve
352 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

ingresar, mostrar, incrementar y duplicar numero


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 09 de Mayo del 2018 por Elias
231 visualizaciones desde el 09 de Mayo del 2018
Ejercicio ingreso de numero, mostrar, incrementar y duplicar mediante funciones.
Imágen de perfil

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 25 de Abril del 2018 por ScriptShow (Publicado el 28 de Septiembre del 2017)
1.099 visualizaciones desde el 28 de Septiembre del 2017. Una media de 35 por semana
Cambiar el número de columnas y tamaño del contenido de un GRID con JavaScript...
Un ejemplo con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye dos variantes del script.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo
Imágen de perfil

Simular el SLOT de una maquina tragaperras


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 25 de Abril del 2018 por xve (Publicado el 26 de Febrero del 2018)
1.143 visualizaciones desde el 26 de Febrero del 2018. Una media de 98 por semana
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

Selectores dinámicos


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 24 de Abril del 2018 por Gabi
526 visualizaciones desde el 24 de Abril del 2018. Una media de 133 por semana
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
672 visualizaciones desde el 15 de Abril del 2018. Una media de 133 por semana
Este simple código muestra como utilizar la librería charts de google.

grafico-con-google-chart
Imágen de perfil

Verificar cuenta bancaria con IBAN en JavaScript


JavaScript

Publicado el 12 de Abril del 2018 por Xavi
734 visualizaciones desde el 12 de Abril del 2018. Una media de 133 por semana
Este simple código verifica que una cuenta bancaria IBAN se haya escrito correctamente.

Hacer una APP de texto-audio


JavaScript

Actualizado el 05 de Abril del 2018 por mihalo (Publicado el 04 de Abril del 2018)
667 visualizaciones desde el 04 de Abril del 2018. Una media de 98 por semana
En este tutorial vamos a hacer una APP de texto-audio, es decir una aplicación que reproduzca el texto en notas de voz (audio), para ello vamos a enlazar una API, se trata de “Web Speech API”. Es una interfaz de navegador muy poderosa que permite grabar la voz y convertirla en texto o viceversa. En nuestra APP haremos que se reproduzca el audio con el texto que agreguemos en la casilla.

hacer-app-texto-ejemplo2

Hacer una APP de texto-audio
Crearemos una APP muy simple que reproducirá el texto añadido en notas de audio, lo que esta APP realiza es lo siguiente:

Toma notas de audio usando Voz-Texto o el teclado.
Guarda las notas de audio en localStorage.
Muestra las notas de audio y da la opción de escucharlas por medio de Speech Synthesis.
La APP estará enlazada con los estilos CSS de Shoelace y con jQuery. Estas dependencias estarán incluidas por medio de su CDN para que el proyecto sea más simple. Tenemos además un archivo HTML y otro de estilos CSS que acompañaran al documento JavaScript.

Integrando la API
La API de Web Speech está separada en 2 interfaces totalmente independientes. Tenemos el reconocimiento de voz (SpeechRecognition | Discurso -> Texto), que reconoce el audio o voz y la convierte en texto y la síntesis de discurso (SpeechSynthesis | Texto -> Discurso), para leer cadenas de caracteres generando un audio para escuchar. A continuación encuentras el código del documento JavaScript, que se agregará en el archivo denominado “script.js”, más adelante explico de que se trata.

Ver tutorial completo con ejemplos de HTML y CSS enlazados y descargar archivos: http://internetedadinero.com/hacer-una-app-de-texto-audio/
Imágen de perfil

Ocultar/Mostrar div según texto de búsqueda


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 31 de Marzo del 2018 por Xavi
797 visualizaciones desde el 31 de Marzo del 2018. Una media de 112 por semana
Este simple código, muestra como esconder o mostrar los divs que contienen parte de la cadena de búsqueda.
La búsqueda se hace en el dataset.buscar, ya que el contenido del div podría contener imágenes, código html, etc...

buscar-en-div

buscar-en-div-resultado