miércoles, 13 de noviembre de 2013

Simular el "Visto" del chat de Facebook




Vamos a simular el "Visto" del chat de Facebook, esto es un evento que se genera a través de que el mouse entra en el foco del chat donde nos encontremos.
El cual envía la hora del momento que ingresamos.


En JavaScript este evento se le conoce como focus.
Para este ejemplo usare JQuery.



#app{
  background-color: #59b4c8;
  width: 400px;
  height: 150px;
 }
 .box{
  width: 200px;
  height: 50px;
  float: left;
  margin-left: 100px;
  text-align: center;
 }
 textarea{
  margin-top: 10px;
  color: #80c6d5;

  border: none;
 }
 #visto{
  color: white;
 }
El código en javascript el cual se encargara del evento.
$(document).ready(function() {
   $("textarea").focus(function() {

    var reloj = new Date()
     var hora = reloj.getHours()
     var minuto = reloj.getMinutes()

    $("#visto").html("

Visto: "+hora + " : " + minuto + "

"); }); });
La parte del html.

 




No hay comentarios:

Publicar un comentario