2011-08-02 17 views
5

FacebookやStackExchangeに似た通知バーを作成したいと思います。Ruby on Railsの通知バー

数字で通知を表示し、いくつかの情報をドロップダウンパネルで表示します。

enter image description here enter image description here

誰かが例やレールやJavaScript/jQueryの上のRubyでそれを作成する方法についてのチュートリアルを提供することができますか?それはおそらく、2つの段階のプロセスとして行うの

おかげ

答えて

6

  • は卓越した/未読の通知のカウンタを取得します。ヘッダーをリンクとして表示します。
  • jQueryハンドラを追加して、設定に応じてクリックまたはホバー上でAJAX経由でメッセージをロードします。最初の部分は簡単です

あなたが確立スコープを持っている場合、あなたは自分の団体のメソッドを呼び出します。

<%= link_to(@user.notifications.unread.count, user_notifications_path(@user), :class => 'notifications') %> 

次の部分は、おそらくこのように、jQueryを使って何かを一緒にパッチを適用する必要:

$('.notifications').click(function() { 
    $('#notifications').load(this.href); 
    return false; 
}); 

ブロック#notificationにレンダリングする特定のビューが必要です。

+0

そのビューは最初にコントローラを呼び出しますか?結果を表示しますか? – Immo

+0

実際の通知をレンダリングするコントローラーとアクションのペアにリンクしています。はい。リンクをクリックして、正しいHTMLが表示されていることを確認することで、AJAXなしでこれをテストすることさえできます。 – tadman

+1

完全なチュートリアルをどこかで見つけることができますか? – Immo