ウェブ-HACKS 「とりあえずやってみよう！」ブログでタグ「effects.js」が付けられているもの

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

Posted by Hum 2008年3月23日 15:07

今回は、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  -%>
<<<省略 >>>

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

ウェブ-HACKS 「とりあえずやってみよう！」ブログでタグ「effects.js」が付けられているもの

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

Tags:

Tags

Pages

Tags

Categories