Mostrar los tags: Javascript

Mostrando del 1 al 10 de 183 coincidencias
<<>>
Se ha buscado por el tag: Javascript
Imágen de perfil

Contador Dinámico con JS solamente


JavaScript

Publicado el 20 de Diciembre del 2024 por Alejandro
452 visualizaciones desde el 20 de Diciembre del 2024
Este código sirve para crear una cuenta regresiva que muestra el tiempo restante hasta una fecha y hora específicas, como el lanzamiento de un producto, un evento o una página web. Se actualiza en tiempo real y muestra los días, horas, minutos y segundos restantes de forma dinámica.

Es ideal para incluir en páginas web o proyectos donde quieras mantener a tus usuarios informados sobre el tiempo restante para un hito importante. Cuando el temporizador llega a cero, se puede mostrar un mensaje personalizado, como "¡Ya estamos en directo!" o cualquier texto que elijas. Ni necesitas más pildoras de Javascript, soy Alejandro Tamargo Desarrollador Web en Asturias
Imágen de perfil

Component Linear gradient


JavaScript

Publicado el 30 de Diciembre del 2022 por Oscar (8 códigos)
546 visualizaciones desde el 30 de Diciembre del 2022
Con este script podrás probar la manera de enviar mensajes entre components en Vue 2.6.x(famoso two data binding), y javascript ver video para mas detalles en
https://www.youtube.com/watch?v=73QHJ2upcK
sin imagen de perfil

Registro - Login - Mail - OTP


PHP

Publicado el 25 de Diciembre del 2022 por Jefferson (11 códigos)
2.663 visualizaciones desde el 25 de Diciembre del 2022

SISTEMA DE REGISTRO-LOGIN mediante EMAIL-OTP



otp_register

1) Al descomprimir hay un archivo txt que debes leer y seguir las instrucciones

-> Bien, si seguiste todos los pasos no debería petar el sistema <-

2) No posee usuario administrador (debes crearlo tu)
simplemente agregas a la tabla usuarios un campo al que puedas llamar admin tipo INT donde 1 indica que es el administrador
luego por medio de php creas controles de seguridad

3) Una vez que te logueas, recibirás un correo donde debes pulsar el botón de activar la verificación del email
(Incluye una plantilla correo para registro/verificacion email)

4) Al verificar el email el campo email_verify de la tabla usuarios cambia a TRUE o 1 permitiendo el acceso

5) Existe un campo en la tabla usuarios llamado activo tipo INT que si lo colocas a FALSE o 0 impide el acceso
(esto, por si decides crear un usuario administrador y mediante programacion php puedes darle o quitarle acceso a cualquier usuario)

6) Una vez logueado, verificado y aceptado. Puedes ingresar al sistema, no sin antes validar un codigo OTP que se te enviara
a tu correo cada vez que entres. "Incluye una plantilla correo para OTP"
(Si utilizas algun servicio SMS o WhatsApp puedes enviar ese codigo OTP por alguna de esas vias)

7) Ofrece la posibilidad de recuperar la contraseña en caso de olvido, he diseñado una password de un solo uso y que al entrar al sistema
deberias cambiarla inmediatamente. Si no lo haces esta password aleatoria quedara invalidada.

8) Al cambiar la password o contraseña por motivo de olvido, se te enviara un email notificando del cambio y te otorgaremos una nueva
password aleatoria. Si al abrir el correo no fuistes tu quien solicito el cambio de contraseña, hay un link para revertir y dejar todo
original.
(Incluye una plantilla correo para recuperacion de contraseña)
Imágen de perfil

Calculadore inline


JavaScript

Publicado el 18 de Septiembre del 2022 por Oscar (8 códigos)
1.055 visualizaciones desde el 18 de Septiembre del 2022
Este codigo en javascript permite sacar una cuenta con los operadores basicos, poniendo todos ellos en la misma cadena, siempre dejando un espacio como restricción. Este código esta basado en una kata de codewars que resolvi y que paso una test enorme de bastantisimos operadores
Imágen de perfil

Corredor_ Dance


HTML

Actualizado el 5 de Marzo del 2022 por Javier (Publicado el 28 de Febrero del 2022)
2.289 visualizaciones desde el 28 de Febrero del 2022
Se basa en la aplicación de la API de animaciones de javascript API ANIMATE.
En este caso se trata de un muñeco, Corredor lo llamo, que hace eso, correr.
Pero ademas puedes interactuar con el con una serie de inputs range, para darle mas o menos velocidad a cada parte de su cuerpo, y hasta lo puedes hacer como bailar.
Imágen de perfil

Scale Font Size - JS


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 28 de Febrero del 2022 por Scriptshow (141 códigos) (Publicado el 25 de Enero del 2022)
1.640 visualizaciones desde el 25 de Enero del 2022
Saludos,

un Script para ajustar el texto al ancho de la pantalla. Por defecto es una práctica responsive, compatible. No obstante, es también un efecto utilizado con frecuencia en Webs.
El código, está simplificado en lo posible sin perder la compatibilidad.

Espero sea útil.
Imágen de perfil

Focus / Blur Efectos en Web Site


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Febrero del 2022 por Scriptshow (141 códigos) (Publicado el 20 de Noviembre del 2017)
3.670 visualizaciones desde el 20 de Noviembre del 2017
Script que cambia el aspecto de una web, intro, etc. al clicar dentro o fuera del navegador. Los eventos: OnFocus / OnBlur asociados a funciones JavaScript, cambian la/s Clase/s y contenidos de un Sitio Web. Abre el browser en primer plano; haz click sin cerrarlo ni minizarlo para ver el efecto.

Piensa en posibles aplicaciones...

Espero sea útil.

Un saludo
Imágen de perfil

Web 2.0 Light / Dark Style


HTML

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2022 por Scriptshow (141 códigos) (Publicado el 4 de Mayo del 2020)
5.652 visualizaciones desde el 4 de Mayo del 2020
Saludos,

Web 2.0 es un proyecto creado desde cero con unos 6Kb. Se caracteriza por ser muy flexible, adaptable con mínimos cambios en el código. No depende de librerías de nigún tipo, es 100% Código Nativo Compatible.
Tiene múltiples y variadas aplicaciones: Web Personal, Portafolio para Fotógrafos, Arquitectos, Diseñadores, Freelancers, etc...

Espero sea útil.
Imágen de perfil

Fullscreen JS Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 16 de Enero del 2022 por Scriptshow (141 códigos)
1.581 visualizaciones desde el 16 de Enero del 2022
Saludos,

Script adaptable que permite poner a pantalla completa un elemento u objeto de una página web. Es compatible con navegadores web y/o dispositivos actuales.