文字（リンク）に触れるとセルの背景色を変えるには

[上に] [前に] [次に]
らん 1999/09/26(日) 12:52:16
文字列（例えばリンクの文字）にカーソルを載せるとその部分のセルの背景色を変えることはJavascriptまたはCSSで可能でしょうか。
ページ自体の背景色を変えることや、画像を変えることはできたのですが...。
どなたかご存知の方いらっしゃいませんか？
もなか 1999/09/26(日) 15:12:01
文字列のみだと比較的簡単なんですが、それでは駄目なんですよね、きっと。

a:hover｛background-color:FF0000}
これだと文字部分しか背景色変わらないからなあ・・・

http://www.ipc-tokai.or.jp/~miya-ipc/dhtml/dist/js26.html

これなんかいいと思うけど、私にはちょっと難しかったです・・・（＾＾；
とほほ 1999/09/26(日) 23:52:19
IE4.0以降のみになりますが、以下のようにすれば可能です。
<TD onMouseOver="this.style.backgroundColor='#FFCCCC'"
onMouseOut="this.style.backgroundColor='#FFFFFF'">XXX</TD>
通りすがり 1999/09/27(月) 00:12:05
とほほ 様
これって、<TD … タグの度、設定しないといけないのですか？
スタイルシートで一度に設定は、出来ないのでしょうか？
猫 1999/09/27(月) 00:33:33
function celcolchan(src) {
if (!src.contains(event.fromElement))
{
src.bgColor = '変えたい色';
}
以上の関数をonMouseOverとかで呼び出せばいいと思います。
引数にthisを持たせて下さい。
応用でクリックした時の色とか、マウスが外れたときとかも設定できますね。
これもie4以上でしか動きませんが・・・
猫 1999/09/27(月) 00:36:18
function celcolchan(src) {
if (!src.contains(event.fromElement))
{
src.bgColor = '変えたい色';
}}

}閉じ忘れてました・・・。
っていうかif文の{}無くても良いね・・・
あるに越したことはないけど。
らん 1999/10/03(日) 13:13:40
[[解決]]
みなさん、色々ありがとうございました。ブラウザーの違いってやっぱり大きいですね。IEユーザーですが、NNもはやくばーじょんあっぷしてほしいっす。
[上に] [前に] [次に]