Mostrar los tags: JavaScript

Mostrando del 61 al 70 de 164 coincidencias
Se ha buscado por el tag: JavaScript
Imágen de perfil

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)
2.101 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

Cronómetro jQuery


JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Abril del 2018 por Santi
2.703 visualizaciones desde el 26 de Abril del 2018
cronometro

cronometro-jquery


Cronómetro creado con jQuery muy sencillo.

Demo -> http://webcamp.es/ejemplos/cronometro/

No tiene mucha más explicación.

Haz lo que quieras con el código ;)
sin imagen de perfil

Hacer una APP de texto-audio


JavaScript

Publicado el 4 de Abril del 2018 por Mihalo
1.425 visualizaciones desde el 4 de Abril del 2018
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

Revelar imagen y otros contenidos OnClick


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 18 de Marzo del 2018 por Scriptshow (Publicado el 16 de Marzo del 2018)
1.241 visualizaciones desde el 16 de Marzo del 2018
Código que permite hacer transparentes zonas para dejar ver una imagen; fondo, texto, contenidos...

Se pueden crear divisiones calculando el número total de ellas. Un bucle, se encarga de generar los elementos virtualmente. Al clicar en dichos elementos, el fondo correspondiente se hace transparente.

Tiene variadas aplicaciones: crear Menús, Intros, Onepage, etc. Lo vemos e imaginamos con el ejemplo.

Un saludo
Imágen de perfil

muestra la fecha de edición de un html


JavaScript

Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 14 de Agosto del 2016)
871 visualizaciones desde el 14 de Agosto del 2016
el código lo que hace es decir la fecha de edición de un html y te dice el mes en palabras y año y día.muestra-hora-de-edicion
Imágen de perfil

Calculadora super basica


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 8 de Marzo del 2017)
6.804 visualizaciones desde el 8 de Marzo del 2017
Captura
Imágen de perfil

Paint en Canvas JS


JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 10 de Octubre del 2017)
6.179 visualizaciones desde el 10 de Octubre del 2017
Es una beta del paint para canvas que incluye varias herramientas que te servirán para el dibujo básico

Captura-de-pantalla-66
Imágen de perfil

'librería' canvas JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 4 de Noviembre del 2017)
1.721 visualizaciones desde el 4 de Noviembre del 2017
Crea botones para descargar el lienzo fácilmente y has círculos como si de cuadros se tratase.
para descargar el canvas tan solo como poner el contexto del canvas deseado junto con el método download():
1
2
3
4
5
6
7
8
9
window.onload = function(){
	var c = document.getElementById("lienzo");
	var ctx = c.getContext('2d');
 
	document.getElementById('descargar').onclick = function(){
		ctx.download();
	};
};
<input type="button" id="descargar" value="descargar">
lo mejor de este es que la variable del contexto no es siempre ctx, ya depende de la que tu pongas la libreria se encarga de eso.

Este lanzara un prompt que pedirá un nombre para el archivo y si le das en aceptar sin poner nombre pondrá "Sin título" con la extensión .png por defecto.

Captura-de-pantalla-84
Imágen de perfil

Llegar al final de un texto. Aceptar y seguir...


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 6 de Marzo del 2018 por Scriptshow
1.600 visualizaciones desde el 6 de Marzo del 2018
Leer un texto "hasta el final", es algo que nos encontramos en todas las Webs: los términos y condiciones, aviso legal, etc. Aceptarlo para continuar, puede ser una premisa.
Con este script, podemos comprobar que hemos llegado al final del texto, al menos.

Un saludo
Imágen de perfil

Barra de Progreso del Scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Febrero del 2018 por Scriptshow
1.766 visualizaciones desde el 4 de Febrero del 2018
Barra de Progreso para el Scroll con JavaScript. Un evento y la función procesan la posición del Scroll... Mejor lo vemos.

scrollbar