10/06/24 16:58:24 JCV4W5p0
縦に並んだリスト要素をマウスオーバーした瞬間、
その右隣に、ちょっとした説明が出現するものを作ろうとしています。
バナナ
りんご
スイカ
↓ りんごをマウスオーバー時
バナナ
りんご 赤い
スイカ
ざっというと、こんな感じのものを作りたいと思っているのですが、行き詰っています。
<% @fruites.each do |fruite| %>
<%= fruite.name %> <%= fruite.explain %> #問題はここです
<% end %>
という感じで作りたいと思ってます。
クリックを説明文表示のトリガとするなら、link_to_remoteでいいと思うのですが、
マウスオーバーをトリガとして動かす方法がわからず、困っています。
問題の行を、JavascriptのAjaxUpdaterで直に書いてしまうと、今度はrubyのeachから、
どうやって変更箇所のid名（右隣のid名）をもらえばいいかが分からなくなってしまいます。
できればRubyサイドで解決したいと思いますが、JavaScript直書きの解決法でも構いません。
解決のためのよい方法をご存知の方いましたら、教えて頂けると嬉しいです。
よろしくお願い致します。
661:nobodyさん
10/06/24 20:19:05
>660
それCSSで出来るよ。
662:nobodyさん
10/06/24 20:34:37
> 問題の行を、JavascriptのAjaxUpdaterで直に書いてしまうと、今度はrubyのeachから、
> どうやって変更箇所のid名（右隣のid名）をもらえばいいかが分からなくなってしまいます。
いまいち意味不明なんだけど、行じゃなくてフィールドだけ書き換えるとか、
取得したデータの中にもid埋め込んどくとかすればいいんじゃないの？
そもそもマウスオーバーの度にサーバにアクセスにいくのが重そうだけど。
663:nobodyさん
10/06/25 07:44:40
JavaScript、CSS、ツールチップあたりでググるといいかも