Mostrar los tags: javascript

Mostrando del 41 al 50 de 156 coincidencias
Se ha buscado por el tag: javascript
Imágen de perfil

Scroll Overflow controlado por JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Agosto del 2018 por ScriptShow
836 visualizaciones desde el 26 de Agosto del 2018
En ocasiones, hemos tenido que actuar sobre las barras de scroll para ponerlas y/o quitarlas por tiempo limitado, según necesidades: menúes largos, foto presentaciones, etc. Incluso por estética...

Vamos a ver cómo hacerlo controlado por javascript, directamente. Podemos añadirle una función asociada a un/os evento/s, objeto/s, etc. Si es preciso, revisaremos los valores posibles para el atributo "overflow".

Espero sea útil.

Un saludo
Imágen de perfil

Simular pulsar la tecla Enter


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 24 de Agosto del 2018 por ScriptShow (Publicado el 3 de Septiembre del 2017)
7.826 visualizaciones desde el 3 de Septiembre del 2017
Simular pulsar la tecla "Enter" con métodos varios...

Artículos relacionados:

https://stackoverflow.com/questions/3276794/jquery-or-pure-js-simulate-enter-key-pressed-for-testing

P.D.: Hemos de tener en cuenta las limitaciones por razones de seguridad, privacidad y demás acciones voluntarias e involuntarias.

Un saludo
Imágen de perfil

Calendario


JavaScript

Publicado el 12 de Julio del 2018 por Gabi
1.221 visualizaciones desde el 12 de Julio del 2018
Calendario generado en javascript.
Imágen de perfil

Validating strong password | Validar contraseña fuerte


JavaScript

Publicado el 30 de Junio del 2018 por Alexis Jose
1.456 visualizaciones desde el 30 de Junio del 2018
En el ejemplo que a continuación les brindamos, es un sencillo algoritmo en lenguaje javascript, utilizando las funciones nativas del propio lenguaje, podremos validar que una contraseña ingresada cumpla con los requerimientos de una contraseña fuerte.

Primeramente los criterios que tomaremos para validar que la contraseña sea fuerte son los siguientes:

Tiene ocho caracteres como mínimo.
Letras mayúsculas.
Letras minúsculas.
Números.
Símbolos del teclado (todos los caracteres del teclado que no se definen como letras o números) y espacios.

Para el proceso de validación se utiliza el código ASCII (https://es.wikipedia.org/wiki/ASCII), compartimos en el siguiente enlace la tabla de ASCII de la wikipedia: códigos ASCII.

para conocer el código ASCII de un carácter de una cadena en javascript utilizamos la función: charCodeAt
Imágen de perfil

Botón de Agregar en chosen js


JavaScript

Publicado el 24 de Junio del 2018 por Carlos Luis
1.138 visualizaciones desde el 24 de Junio del 2018
chosen1

Permite agregar un nombre no registrado en la base de datos, en este caso un veterinario, el cual no figura en el select, extraido de una consulta.

En resumen. Se aprovecha que se puede incluir codigo HTML en el mensaje que muestra chosen.js (no_results_text:), cuando no consigue una opción al ser buscada.

La función: agregarItemChosen = function(elem, tipo, strUrl1, strUrl2),

* elem: Elemento del chosen que contiene el nuevo dato.
* tipo: Necesario porque reutilzo la función para otros controles select (operadores, ejemplo).
* strUrl1: Primera url para guardar el dato.
* strUrl2: Si es exitosa al guardar los dato, esta permite volver a consultar.

El proceso es:
- Asignar el boton a chosen.
- Guardar el dato.
- Volver a consultar
- Asignar el dato al select.


Van a ver mucho código, pero lo principal esta en Javascript, mostre las funciones en PHP, para aclarar dudas.

Saludos
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.040 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.520 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.289 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.203 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)
841 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