Menu

Sonido de alerta tipo Facebook con jQuery

Sonido de alerta tipo Facebook con jQuery. Si somos observadores en la red social más famosa del mundo “FACEBOOK” cuando alguien nos escribe. La página de Facebook con nuestra cuenta iniciada la sesión recibimos mensajes y esto a la vez reproduce un sonido de alerta de manera predeterminada y nos sale la pregunta se podrá hacer algo así para nuestros proyectos web.

Sera imposible hacerlo, creo que no, sin embargo en este artículo les mostrare como desarrollar para que reproduzca un sonido con jQuery y HTML, ademas cuando escribimos un texto y pulsamos enter o presionamos con un click el botón de nuestro sistema.

Sonido de alerta tipo Facebook

Punto 01.- Llamando a nuestros archivos CSS y framework jQuery

Creamos un archivo llamado index.php en la raíz de nuestro servidor o en la carpeta que estén trabajando.

Primero llamar al estilo CSS y luego al jQuery. Estos dos archivos se tienen que declarar en la cabecera de nuestro archivo, es decir dentro de las etiquetas <head></head>

Sonido de alerta tipo Facebook con jQuery

Punto 02.- Crear de las funciones en jQuery para nuestro chat

Hay que desarrollar 2 funciones con sus respectivos eventos, ademas la función 1 tiene que detectar cuando pulsamos la tecla “ENTER” para enviar nuestro texto.

La segunda función en Jquery, tiene que detectar la pulsación del botón ENVIAR.

Punto 03.- Estructura HTML completa dentro de las etiquetas BODY.

Implementación del CHAT en el HTML

Gracias por visitarnos, espero que les ayude en sus futuros proyectos web o pedidos de restaurant que últimamente son bien requeridos con sistema de alertas.
Aquí una demo en el servidor.

Sonido de alerta tipo Facebook con jQuery

Sonido de alerta tipo Facebook con jQuery

Referencias:

Sonido con Jquery

Demo

 

 

Obtener cosas como esta
En tu E-Mail

Suscríbase a nuestra lista de correo y obtenga cosas interesantesa su E-mail.

One Response
  1. Nestor Tapia 5 abril, 2017 / Responder

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar