#6 Railsでメッセージをフェードする(effects.js)

   ブックマークに追加する



今回は、Railsでメッセージを徐々に不透明にしていき、最後に消えるという処理を行う方法です。
scaffold等で自動生成するとflash[:notice]でメッセージが表示されると思いますが、それに対するエフェクトです。ちょっと、かっこよくなりますよ。

例は指定のrhtmlに対する処理です。

<head>
<%= javascript_include_tag :defaults %>
</head>
<<<省略 >>>
  <% if flash[:notice]  -%>
    <div id="notice">
      <%= flash[:notice] %>
      <script>
      <%= "new Effect.Fade('notice', {duration: 5})" %>
      </script>
    </div>
  <% end  -%>
<<<省略 >>>

こんなに簡単にできます。ただソースがかっこわるいんですよね。
もっときれいにできる方法があったら教えてください。

トラックバック(1)

このブログ記事に対するトラックバックURL(トラックバックは承認後に公開されます)

こんにちは。本日も頑張ってブログ更新しますよ!今日の内容は何かと期待してください... 続きを読む

コメントする

このブログ記事について

このページは、Humが2008年3月23日 15:07に書いたブログ記事です。

ひとつ前のブログ記事は「#5 railsでユーザーエージェント別でロジックを切り替える」です。

次のブログ記事は「Excelで指定した範囲のデータ数をカウントする(ピボットテーブルとグループ化)」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

あわせて読みたいブログパーツ
フィードメーター - ウェブ-HACKS 「とりあえずやってみよう!」ブログ   
track feed
  • SEO対策 
  • _ 
  • _ 
  •  
  •  

このブログはクリエイティブ・コモンズでライセンスされています。