2010-04-26 9 views
6

Pido disculpas si esta pregunta es vaga, pero quiero construir un encabezado desplegable, muy similar al de StackOverflow que le avisa siempre que haya obtenido una nueva insignia, o en Twitter cada vez que un nuevo tweet entra.SO encabezado de alerta de estilo

He estado buscando en internet un tutorial, pero tengo problemas para buscar en Google exactamente lo que estoy buscando. Supongo que hay una forma de hacer esto en jQuery, o puede haber un complemento jQuery para él, pero no he tenido suerte para encontrar uno.

La idea probablemente sea hacer una solicitud AJAX cada tantos segundos, y si se encuentra un nuevo elemento digno de alerta, muéstrelo para el usuario.

Si alguien pudiera indicarme un recurso para aprender a construir uno, y/o un complemento existente, sería genial.

EDIT: Si alguien tiene curiosidad cómo hice la cabecera real usando jQuery,

En la función de devolución de llamada de éxito de su ajax:

$("#alertHeader").html("whatever you want to say");  
$("#alertHeader").slideDown("slow"); 

Donde "alertHeader" es el identificador de tu alerta div.

El CSS correspondiente para la cabecera es:

#alertHeader { 
     position:relative; 
     background:#313115; 
     width:100%; 
     height:30px; 
     display:none; 
     float:left; 
     position:relative; 
     z-index:10; 
    } 

#alertText { 
    padding-top: 2px; 
    margin-left:auto; 
    margin-right:auto; 
    color: #FFF; 
    font-size: 15px; 
    font-style: italic; 
    text-align: center; 
} 

Respuesta

2

Para la parte de visualización de la interfaz de usuario de este, que están buscando una fixed header con un enlace que utiliza jQuery o lo que sea javascript para ocultar la cabecera cuando se hace clic.

Editar:this link es probablemente un mejor ejemplo.

Cuestiones relacionadas