JavaScriptでテーブルの背景色変更

[上に] [前に] [次に]
犬 2000/02/06(日) 20:01:43
下のようなテーブルでリンクの上を通過した時にリンクの下のセルの
背景色ではなく横の背景色を変え離れた時に戻すにはどうすれば良いのでしょうか？

<table>
  <tr>
    <td><a href="">リンク</a></td>
    <td bgcolor="#000000">　</td>
  </tr>
</table>

リンクの下のセルを変えるのは色んなサンプルを利用して分ったのですが他のセルを変えるような使い方をしている所はなくていまいち分らないのでお教え下さい。
宜しくお願いします。
だらんとす 2000/02/07(月) 02:32:08
＞リンクの下のセルを変えるのは色んなサンプルを利用して分ったのですが

それ教えてください。
犬 2000/02/07(月) 02:52:52
IE4.0以上限定でよければ、以下の方法があります。
Netscapeでできるかどうかは知りませんし、知ろうとも思わないし、知りたくもないです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>DHTMLサンプル</title>
<script type="text/javascript">
<!--
function change(obj, color)
{
obj.style.backgroundColor=color;
}
//-->
</script>
</head>
<body>
<table border="1" summary="テスト用なので意味はまったくありません・・・">
<tr>
<td><a href="http://www.foo.com/" onmouseover="change(document.all.mark, '#000000');" onmouseout="change(document.all.mark, '#ffffff');">リンク</a></td>
<td id="mark">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>
</body>
</html>
↑の犬 （＾＾；； 2000/02/07(月) 02:53:50
質問者と名前が被ってることに気づきませんでした。。。
質問者とは別犬です。（＾＾；；
zizz... [HomePage] 2000/02/07(月) 20:42:05
function change(obj, color)
{
  var tobj;
  if ((tobj = document.getElementById(obj))) {
    tobj.style.backgroundColor = color;
  }
}

<table>
<tr>
<td><a href="http://www.foo.com/" onmouseover="change('mark', '#000000');" onmouseout="change('mark', '#ffffff');">foo bar</a></td>
<td id="mark">&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>

MSIE 5.0以降で動く。
document.all を使っている限り、Netscapeは対応しない。
document.all というオブジェクト(?) でも作って、自分で無理やり対応させることが可能かもしれないが、
本当に出来るかわからないし、労力を考えると馬鹿らしい。
実際に使うのであれば、バージョンチェックをつけて、未対応のUAでエラーが出ないようにしたほうが良い。
[上に] [前に] [次に]