- 1 名前：nobodyさん [2010/02/19(金) 16:13:13 ID:SpWtnpr8]
- ■前
【Ruby】Ruby on Rails Part8
pc11.2ch.net/test/read.cgi/php/1252842574/
■参考サイト
<英語>
本家：www.rubyonrails.org
API document：api.rubyonrails.com/
開発者のblog：weblog.rubyonrails.org/
参考wiki：wiki.rubyonrails.org/rails
<日本語>
Rails' wiki： wiki.fdiary.net/rails/
- 660 名前：nobodyさん [2010/06/24(木) 16:58:24 ID:JCV4W5p0]
- 縦に並んだリスト要素をマウスオーバーした瞬間、
その右隣に、ちょっとした説明が出現するものを作ろうとしています。
バナナ
りんご
スイカ
↓ りんごをマウスオーバー時
バナナ
りんご 赤い
スイカ
ざっというと、こんな感じのものを作りたいと思っているのですが、行き詰っています。
<% @fruites.each do |fruite| %>
<%= fruite.name %> <%= fruite.explain %> #問題はここです
<% end %>
という感じで作りたいと思ってます。
クリックを説明文表示のトリガとするなら、link_to_remoteでいいと思うのですが、
マウスオーバーをトリガとして動かす方法がわからず、困っています。
問題の行を、JavascriptのAjaxUpdaterで直に書いてしまうと、今度はrubyのeachから、
どうやって変更箇所のid名（右隣のid名）をもらえばいいかが分からなくなってしまいます。
できればRubyサイドで解決したいと思いますが、JavaScript直書きの解決法でも構いません。
解決のためのよい方法をご存知の方いましたら、教えて頂けると嬉しいです。
よろしくお願い致します。
- 661 名前：nobodyさん mailto:sage [2010/06/24(木) 20:19:05 ID:???]
- >660
それCSSで出来るよ。
- 662 名前：nobodyさん mailto:sage [2010/06/24(木) 20:34:37 ID:???]
- > 問題の行を、JavascriptのAjaxUpdaterで直に書いてしまうと、今度はrubyのeachから、
> どうやって変更箇所のid名（右隣のid名）をもらえばいいかが分からなくなってしまいます。
いまいち意味不明なんだけど、行じゃなくてフィールドだけ書き換えるとか、
取得したデータの中にもid埋め込んどくとかすればいいんじゃないの？
そもそもマウスオーバーの度にサーバにアクセスにいくのが重そうだけど。
- 663 名前：nobodyさん mailto:sage [2010/06/25(金) 07:44:40 ID:???]
- JavaScript、CSS、ツールチップあたりでググるといいかも
|
 |
