Códigos Fuente de JavaScript

Mostrando del 401 al 410 de 799 registros
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

Verificar cuenta bancaria con IBAN en JavaScript


JavaScript

Publicado el 12 de Abril del 2018 por Xavi (534 códigos)
5.714 visualizaciones desde el 12 de Abril del 2018
Este simple código verifica que una cuenta bancaria IBAN se haya escrito correctamente.
sin imagen de perfil
Val: 8
Ha disminuido su posición en 10 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Hacer una APP de texto-audio


JavaScript

Publicado el 4 de Abril del 2018 por Mihalo (2 códigos)
1.959 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
Val: 1.968
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

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


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 31 de Marzo del 2018 por Xavi (534 códigos)
2.181 visualizaciones desde el 31 de Marzo del 2018
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
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

Obtener información del navegador


JavaScript

Publicado el 27 de Marzo del 2018 por Xve (286 códigos)
2.029 visualizaciones desde el 27 de Marzo del 2018
Este simple código muestra las propiedades del objeto navigator que hacen referencia al navegador.
https://www.w3schools.com/jsref/obj_navigator.asp

navigator
Imágen de perfil

Ejemplo de generar un archivo pdf con jsPDF


JavaScript

Publicado el 20 de Marzo del 2018 por Administrador (695 códigos)
5.703 visualizaciones desde el 20 de Marzo del 2018
Este código lee los valores de una base de datos MySQL y mediante PHP genera un array de JavaScript, el cual utiliza para enviar a la clase jsPDF para crear el documento PDF

jsPDF
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

Revelar imagen y otros contenidos OnClick


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 18 de Marzo del 2018 por Scriptshow (138 códigos) (Publicado el 16 de Marzo del 2018)
1.366 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
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Teorema de pitagoras con procedimietnto


JavaScript

Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 5 de Junio del 2016)
3.510 visualizaciones desde el 5 de Junio del 2016
version-final-teorema-pitagoras
esta es la mejor pagina web del teorema de pitagoras que te encontraras en la web.
ya que tiene redondear loas medidas, estilo, procedimiento y todo lo necesario para que el profe te pase con 100 xd.
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

redondear cierta cantidad de decimales con un input text


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 6 de Junio del 2016)
4.729 visualizaciones desde el 6 de Junio del 2016
el código lo que hace es redondear cualquier numero
ejemplo: 2.23412341234
lo ponemos a 2 decimales y al redondear saldrá: 2.23 de resultado
los decimales se pueden escoger según el numero del input

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

vibrar móvil


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 8 de Julio del 2016)
2.463 visualizaciones desde el 8 de Julio del 2016
este código hace que vibre tu móvil diciéndoselo con la función vibrate (para dispositivos móviles)
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

muestra la fecha de edición de un html


JavaScript

Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 14 de Agosto del 2016)
963 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