2010-04-26 14 views
6

Przepraszam, jeśli to pytanie jest nieprecyzyjne, ale chcę zbudować rozwijany nagłówek, bardzo podobny do tego na StackOverflow, który ostrzega, gdy zdobędziesz nową plakietkę, lub na Twitterze za każdym razem, gdy nowy tweet przychodziNagłówek alertu stylu SO

Szukałem w Internecie samouczka, ale mam problem z szukaniem dokładnie tego, czego szukam. Zakładam, że istnieje sposób, aby to zrobić w jQuery, lub może być dla niego plugin jQuery, ale nie miałem szczęścia, aby go znaleźć.

Pomysł prawdopodobnie polegałby na wysłaniu żądania AJAX co tylu sekund, a jeśli zostanie znaleziony nowy element warty ostrzeżenia, wyświetl go użytkownikowi.

Jeśli ktoś mógłby wskazać mi źródło, aby dowiedzieć się, jak go zbudować i/lub istniejącą wtyczkę, byłoby świetnie.

EDIT: Jeśli ktoś jest ciekawy jak zrobiłem rzeczywisty nagłówek przy użyciu jQuery,

W funkcji wywołania zwrotnego sukces swojej AJAX:

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

Gdzie "alertHeader" jest id twój alarmowy div.

Odpowiedni CSS dla nagłówka jest:

#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; 
} 

Odpowiedz

2

Dla części wyświetlacza UI tego, czego szukasz w fixed header z linkiem, który używa jQuery lub cokolwiek javascript, aby ukryć nagłówek po kliknięciu.

Edytuj:this link to prawdopodobnie lepszy przykład.

Powiązane problemy