- ベストアンサー
マウスオーバーでセル内の背景色を変更したい
セル内のハイパーリンク（テキストです）にマウスオーバーした時、ダイナミック に（そのセル内の）背景色を変更したいのですが、どうすれば良いのでしょうか？ サイドバーメニューで利用します。現在は予めセルの背景が変更されたページを その都度呼び出しています。↓こんな感じになっちゃってます。 http://www.storage.ibm.com/hardsoft/diskdrdl/hddnews.htm どなたかお願いします。JavaScriptだったら指摘して下さいね。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- 387
- ベストアンサー率66% (40/60)
↓セルの中がこうなっているとしてご解答いたします。 <TD><A HREF="・・・">リンク文字列</A></TD> アンカータグに以下のイベント処理を記述します。 onMouseover="this.parentElement.style.backgroundColor='#CCCCFF'" onMouseout="this.parentElement.style.backgroundColor=''" アンカータグを全部書くとこうですね。 <A HREF="・・・" onMouseover="this.parentElement.style.backgroundColor='#CCCCFF'" onMouseout="this.parentElement.style.backgroundColor=''"> this で自分自身が、parentElement で一つ外側のタグが扱えるのです。
お礼
こちらでも問題なく動作しました。ありがとうございます。
関連するQ&A
- マウスオーバーでページ背景を変更
似たような質問が無いか探したのですが、見つからずもし同様のものがありましたら申し訳ございません。 テキストリンクに対し、マウスオーバーで背景に画像を表示させたいです。 例）<a href="img.html">こんにちわ</a>⇒"こんにちわ"をマウスオーバーで背景に「img.jpg」というファイルをページ背景に表示させる。 よろしくお願いします。
- 締切済み
- HTML
- Javascriptのマウスオーバーについて
Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考：http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか？？（上記参考ＵＲＬでたとえると、大きな画像１つと小さな画像４つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか？？） もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。
- 締切済み
- JavaScript
- テーブルの背景をマウスオーバーで変える
お世話になります よろしくお願いします phpMyAdminをみてやってみようと思ったのですが テーブルのセルをマウスオーバーで背景の変更はできないでしょうか？ FireFoxだとうまくいくのにIEだとうまくいきません。 IEは未対応と聞いたのですが 実際phpMyAdminでは動いています。 どうやれば一緒のことができるのでしょうか？ phpMyAdminからそれっぽいソースは見つけたのですが うまくいきませんでした <style type="text/css"> /* odd table rows 1,3,5,7,... */ table tr.odd th, table tr.odd { background-color: #CCCCCC; } /* even table rows 2,4,6,8,... */ table tr.even th, table tr.even { background-color: #666666; } /* hovered table rows */ table tr.odd:hover, table tr.even:hover, table tr.odd:hover th, table tr.even:hover th, table tr.hover th, table tr.hover { background-color: #FFF000; } --> </style> <body> <table> <tr class="odd"><td>マウスを乗せると背景色が変わる</td><td>マウスを乗せると背景色が変わる</td></tr> <tr class="even"><td>マウスを乗せると背景色が変わる</td><td>マウスを乗せると背景色が変わる</td></tr> </table> 以上よろしくお願いします
- ベストアンサー
- HTML
- javascript マウスオーバーでほかの画像を変更
はじめまして javascriptについておしえてください ホームページ内に下記のように 2枚の画像があるとします A B このうち、Aの画像に対しマウスオーバーをしたときに、 Bの画像が、Cに変更するという記述は可能でしょうか？ よろしく願いします
- 締切済み
- ブログ
- マウスをロールオーバーしたときに変わるテキストについて
JavaScript初心者なのですが、学校の宿題でわからないことがあって質問します。マウスをテキストにロールオーバーするたびにメッセージサイクルを２つではなく、３つにしたいのですが。わかりにくい説明ですみません。よろしくお願いします！
- ベストアンサー
- JavaScript
- CSSを用いてのマウスオーバー
CSS勉強中です。 今やろうとしていることができるのか不安になってきました。 可能ならサンプルコードを教えて頂けませんでしょうか。 ２行×４列のテーブルで 一行目の４つのセルにマウスオーバーした時、 ２行目の連結セルの背景を変えたいのですが 可能でしょうか？ テーブルを使ってのhoverはなんとかわかったのですが 別の行を修飾する方法がわかりません。 どうか宜しくお願い致します。
- 締切済み
- CSS
- グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教
グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教えてください。 個別ページ毎にactなどとクラスをいちいち割り振るのではなく、JavaScriptで、パッと一気に処理したいと考えています。 ネットを探し回って、「カレントページ」「マウスオーバー」それぞれに対応する記述は見つけたのですが、それらを組み合わせると期待通りの動作となりません。具体的には、カレントページで、グローバルメニューをマウスオーバーした際、マウスオーバー画像へ変わるまではよいのですが、マウスアウトした時点で、カレントではない、ノーマル画像へと変更されてしまいます。(リロードすると、カレントメニュー画像へと戻るのですが…) 「カレントページにいるときは、マウスオーバー画像を表示させずにカレントメニュー画像のままにしとく」 あるいは、 「カレントページでマウスアウトした際はカレントメニュー画像を、その他のページでマウスアウトした際はノーマルメニュー表示させる」ようにするためには、どうしたらよいでしょうか？ スクリプトそのものを教えていただけると一番有難いのですが、難しいようであれば、参考になるサイト等でも構いません。何らしかのヒントだけでも、誰かくださいー。
- ベストアンサー
- JavaScript
- リンクじゃないテキストの色をマウスオーバーで変えたい
リンクじゃないテキストの上にカーソルがきたときに テキストの色を変えるにはどうしたらいいのでしょうか？ テキストをクリックするとポップアップウィンドウがでるのですが、 そのテキスト部分を、マウスオーバーで色が変わるようにしたいのです。 ポップアップウィンドウはJavascript:;で設定しています。
- ベストアンサー
- HTML
- ＣＳＳの画像のマウスオーバーの質問です
こんにちは [画像A]にリンクをはって、マウスオーバーの時に、[画像B]に切り替わるようにしたいのですが、できません。 ドリームウィーバーのビヘイビアパネル→スワップイメージを使うとできました。 しかし、CSSを使って、マウスオーバー時に画像を切り替えたいのです。 テキストを入れて、テキストインデント、-9999でテキストを飛ばして背景に「画像A」を持ってきて、a:hoverで「画像B」をいれて、マウスオーバーを切り替える。これもできました。 しかし、 <body> <a href="#"><img src="images/gazou.jpg" width="100" height="100" /></a> </body> ↑ このような画像のリンクにＣＳＳを使ってマウスオーバーの画像切り替えをしたいのです。 どなたか、ご存知の方教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- チェックボックスにチェックがはいるとテーブルのセル背景色が変更する
javascriptはカスタマイズもままならないくらいの無知なのですが、検索してもどうしてもわからず、お教えいただけたらと思いご質問いたします。 題名の通り、項目にそれぞれチェックボックスまたはラジオボタンがあり、 チェックされると、そのテーブルの行（ｔｒ）の背景に色を付けたいのです。 （yahooメールやgmailのようなものです） 参考になりそうなものを検索しては見るのですが、どうしてもカスタマイズでつまづいてしまいます。 例えば、以下のページでは、変更する指定がidであったため出来ませんでした。 http://homepage2.nifty.com/godakaz/laboratory/background/bg3.html （同じ色を複数箇所で変更できるようなものがよいです） または、 http://javascript.style-mods.net/dhtml/dhtmltips_2-03.htm こちらのページはfirefox（win）で実現できていないようで。。 どのようにすればできるでしょうか？ どうぞどうか何卒よろしくお願い致します。
- 締切済み
- JavaScript
お礼
こちらでも問題なく動作しました。ありがとうございます。