Foros del Web » Programando para Internet » Javascript »

Notificaciones que desaparezcan tras un tiempo

Estas en el tema de Notificaciones que desaparezcan tras un tiempo en el foro de Javascript en Foros del Web. Buenas gente del foro, tengo un sistema de notificaciones al estilo Facebook. Logre que desde la notificacion puedan cerrar la misma (al hacer click en ...
  #1 (permalink)  
Antiguo 02/12/2013, 13:09
 
Fecha de Ingreso: octubre-2008
Ubicación: Bs. As., ARG
Mensajes: 203
Antigüedad: 15 años, 6 meses
Puntos: 6
Notificaciones que desaparezcan tras un tiempo

Buenas gente del foro, tengo un sistema de notificaciones al estilo Facebook.
Logre que desde la notificacion puedan cerrar la misma (al hacer click en el close de cada notificacion se realiza una consulta sql para setear como chequeada la notificacion en la base de datos).
Ahora bien, necesitaria tambien que las notificaciones desaparezcan por si solas despues de unos pocos segundos en q cada una va apareciendo.
Se me ocurre que tendria que captar el id de la notificacion y hacer con un timer via ajax la consulta a la base de datos, seteando la notificacion como chequeada tras unos segundos.
Es lo mismo que hago con el close, pero con un timer para cada notificacion.
El tema es q vengo intentando, y ni cerca. Alguna idea?


Código Javascript:
Ver original
  1. // cierra la notificación
  2. function cerrar(idConversacion){
  3.   $.ajax({
  4.   type:"GET",
  5.   url: "modulos/chat/alerts.php",
  6.   data: "idConversacion="+idConversacion,
  7.   }).done(function(msg){
  8.       $('#chat_alerts').load('modulos/chat/alerts.php');
  9.   });  
  10. }


Código HTML:
Ver original
  1. <div class="globo_alert" id="1">
  2.     <a href="modulos/chat/conversacion.php?idProp=1&amp;idConversacion=1&amp;asunto=Asunto del Mensaje" rel="shadowbox;width=540;height=525" class="alert"><span class="asunto">Asunto del Mensaje</span><br /><br />
  3.     nuevo mensaje de Andres</a>  
  4.     <a onclick="javascript:cerrar('1')" class="bt_close"></a>
  5.   </div>
  #2 (permalink)  
Antiguo 02/12/2013, 13:56
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Notificaciones que desaparezcan tras un tiempo

Intenta con el método setTimeout:

Código Javascript:
Ver original
  1. var elemento = document.getElementById(idConversacion);
  2. setTimeout(function () {
  3.     elemento.style.display = "none";
  4. }, 5000); //Se cerrará luego de 5 segundos

No necesitas usar Ajax para cerrarla.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:58.