OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

表のなかのクリックした行を取得したい

  • 困ってます
  • 質問No.227358
  • 閲覧数178
  • ありがとう数0
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 47% (767/1609)

表があります。
表の中にあるリンク(ポップアップ)をクリックします。
この時、クリックした行の背景色を変更したいのですが、可能でしょうか。

素人が考えつくのは
オンクリック使って・・
とそこまで (^^;
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.1
レベル6

ベストアンサー率 100% (5/5)

----------------------------------------------------------------------
<html>
<head>
<title>テーブルの行取得</title>
<script language="JavaScript">
<!--
function gyo_ni_iro(color,obj)
{
obj.parentElement.parentElement.bgColor=color;
}
//-->
</script>
</head>
<body>
<table border="1">
<tr>
<!--gyo_ni_iro(色,this)-->
<td><a href="http://www.goo.ne.jp/" target="_blank" onClick="gyo_ni_iro('red',this)">goo(赤)</a></td>
<td><a href="http://www.goo.ne.jp/" target="_blank" onClick="gyo_ni_iro('blue',this)">goo(青)</a></td>
</tr>
<tr>
<td><a href="http://www.goo.ne.jp/" target="_blank" onClick="gyo_ni_iro('yellow',this)">goo(黄)</a></td>
<td><a href="http://www.goo.ne.jp/" target="_blank" onClick="gyo_ni_iro('lime',this)">goo(緑)</a></td>
</tr>
</table>
</body>
</html>
----------------------------------------------------------------------

こんな感じでしょうか。
関数gyo_ni_iroには引数に色名とthisを渡して
Aから見て親の親の要素であるTRの背景色を受け取った引数の色に変更します。

gooのリンクがポップアップで新ウィンドウとして出て、
行の背景色も指定された色に変更されます。

IE6で動作確認。
-PR-
-PR-
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ