Как я могу сделать что-то похожее на этот крутой бар в верхней части стека overflow, который появляется, когда вы получаете новый значок?

Question

Когда вы получаете новый значок на stackoverflow.com, в верхней части экрана появляется полоса, информирующая вас о ваших достижениях. Он остается, пока пользователь не закроет его.

Мне больше нравится эта система информирования пользователя о новых новостях, связанных с сайтом или его аккаунтом. Это довольно ненавязчиво, но все же четко передает информацию. Даже если все пользователи получают уведомление таким образом, оно остается для каждого пользователя, пока они не подтвердят его просмотр.

Я использую систему с использованием Ruby on Rails в базе данных PostGres. Каков наилучший способ реализовать подобную систему на моей установке?

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

Answer 1

Эффект может быть достигнут с помощью jQuery и метода slideDown (http://api.jquery.com/slideDown/). Установите событие onClick, чтобы сделать элемент slideUp, hide или нажмите AJAX-вызов, чтобы вы знали, что пользователь получил сообщение и отклонил это.

Вы можете установить содержимое элемента (я бы использовал div) с помощью вызова AJAX, или вы можете просто заполнить div соответствующим сообщением при генерации вашей страницы, запустить div как скрытый, а затем Запустите метод slideDown, когда загрузка страницы будет завершена с помощью определения $ (document) .ready (http://think2loud.com/jquery-document-ready-howto/).

Answer 2

Вы можете использовать что-то вроде всплывающего расширения jquery: http://www.farmcode.org/post/2009/04/06/jQuery-popup-bubble-extension.aspx