Заголовок предупреждения в стиле SO

Question

Я прошу прощения, если этот вопрос расплывчатый, но я хочу создать выпадающий заголовок, очень похожий на заголовок StackOverflow, который предупреждает вас, когда вы получаете новый значок, или в Твиттере, когда приходит новый твит.

Я искал в интернете учебник, но у меня проблемы с поиском именно того, что я ищу. Я предполагаю, что есть способ сделать это в jQuery, или может быть плагин jQuery для него, но мне не повезло найти его.

Идея, вероятно, заключалась бы в том, чтобы делать AJAX-запрос каждые столько секунд, и, если обнаружен новый объект, достойный оповещения, отображать его для пользователя.

Если бы кто-то мог указать мне ресурс, чтобы узнать, как его создать, и / или существующий плагин, это было бы здорово.

EDIT: Если кому-то интересно, как я сделал настоящий заголовок, используя jQuery,

В функции обратного вызова успеха вашего ajax:

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

Где "alertHeader" - это идентификатор вашего оповещения.

Соответствующий CSS для заголовка:

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

Answer 1

Вы в основном ищете скрипт периодического опроса. Вы можете добиться этого, используя setInterval() в функции для рекурсивного вызова себя и выполнения в нем AJAX-запроса / проверки состояния.

http://ajaxpatterns.org/Periodic_Refresh

http://enfranchisedmind.com/blog/posts/jquery-periodicalupdater-ajax-polling/

Answer 2

Для части отображения пользовательского интерфейса вы ищете фиксированный заголовок со ссылкой, которая использует jQuery или любой другой javascript для скрытия заголовка при нажатии.

Редактировать: эта ссылка , вероятно, является лучшим примером.