至急！GetElementById でｔｄのidの値を取得、サブウインドに取得したデータを表示

解決済

質問者：laoyu
質問日時：2008/11/06 15:48
回答数：2件

いつもお世話になっているばかりのLaoYuです。
テーブルの各セルにデータが入ってある、セルごとをクリックするとそのデータを取り出したい（サブウインドような感じで）
var wForm = document.getElementById('ReserveReportForm').innerHTML=”？？？”ここにどう書けばいいのかな～？
ソース----
<form name="ReserveReportForm" id="ReserveReportForm" action="#">
<table width="<%=wtblw%>" cellpadding="0" cellspacing="0" style="height:265px;">
<tr align="center" class="time_font" >
<td height="23" colspan="2" class="normal_cell" background="t.jpg"><%=wHHmm%></td>
</tr>
<tr>
<td " + wtdid + " width="25" height="23" valign="top" " + wclass + ">
<a tabindex=-1 href="#" onClick="NlOnClick(this," + wi + "," + wj + "," + wsid + "," + wrsvid + "," + wHHmmss + ")" onDblClick="NlOnDoubleClick(this," + wi + "," + wj + "," + wsid + "," + wrsvid + "," + wHHmmss + ")">
<img src="Cell.gif" width="20" height="20" border="0"/>
</a>
</td>
</tr>
</table>

</table>
-------ソース

本文のソースが長すぎるため、全文の引用ができなくてすみませんです、これだけでも何とか解決方法いただけるのかな～？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： fujillin
回答日時：2008/11/07 16:37

こんにちは。

＃1です。

＞子ウインドの方はalertじゃないの方にしたいですが
alertは、取得できている内容の確認のための手段です。実際の処理の記述は処理内容をご存知の質問者さんがなさってください。
（質問文からは処理内容が読み取れませんので・・）

＞またtdタグにIDの属性をつけてあるのでその値を取得にGetElementByIdでの方法は間違いはないでしょう？
はい、その通り確実ですね。
でも、、それだと質問の意図そのものがますます不明になってしまいます。（何を質問したかったのでしょう？）
各タグ毎にイベントを設定してよいのなら、いちいちidをふる必要もないのでは？

<html>
<head>
<style type="text/css">
tr{height:80px;}
td{text-align:center;}
</style>
<script type="text/javascript">
window.onload=function(){
var e=document.getElementById('tbl').getElementsByTagName('td');
for (var i=0; i<e.length; i++){e[i].onclick=function(){hoge(this)};}
}
function hoge(e){e.style.backgroundColor='yellow';}
</script>
</head>

<body>
<table id="tbl" border=1 width="400px">
<tr>
<td>1-1</td><td>1-2</td><td colspan=2>1-3<ul><li>No 1<li>No 2</ul></td>
</tr>
<tr>
<td>2-1</td><td rowspan=2>2-2<p><a>
<img src="fuga.jpg" alt="図"></a><br>文字</td><td colspan=2>2-3</td>
</tr>
<tr>
<td>3-1</td><td>3-3</td><td>3-4</td>
</tr>
</table>
</body>
</html>

- 0
- 件

通報する

No.1

回答者： fujillin
回答日時：2008/11/06 18:41

質問文のサンプルでは、何をどうしたいのか読み取れませんでした。

（<form>が閉じてないので意味が不明、onClickやonDobleClickの処理が不明、formに対してwFormは何の処理をしたいのか不明　など）

とりあえず
＞tdのidの値を取得、サブウインドに取得したデータを表示
ということらしいので、セル内をクリックした時に、tdを特定してその内容を得るサンプルを・・・
あとは適当にアレンジしてください。
tableの外周枠をクリックすると、テーブル全体を拾う場合があるので、その場合を除いてください。（タグで識別可能）

<html>
<head>
<style type="text/css">
tr{height:80px;}
td{text-align:center;}
</style>
<script type="text/javascript">
function hoge(e){
var obj=e?e.target:event.srcElement;
while (obj.tagName!='TD' && obj.tagName!='TABLE') {
obj=obj.parentNode;
}
alert("[ id="+obj.id+" ]\n"+obj.innerHTML);
}
</script>
</head>

<body>
<table id="tbl" border=1 width="400px" onclick="hoge()">
<tr>
<td id="1-1">#1-1</td><td id="1-2">#1-2</td>
<td id="1-3" colspan=2>#1-3<ul><li>No 1<li>No 2</ul></td>
</tr>
<tr>
<td id="2-1">#2-1</td><td id="2-2" rowspan=2>#2-2<p><a>
<img src="fuga.jpg" alt="図なし"></a><br>文字</td><td id="2-3" colspan=2>#2-3</td>
</tr>
<tr>
<td id="3-1">#3-1</td><td id="3-3">#3-3</td><td id="3-4">#3-4</td>
</tr>
</table>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

返事遅くて申し訳ないです。
自分もちょっと説明足りないのが分かりながら、曖昧な質問をしてしまって、すみませんね。
とりあえず、fujillinさんのヒントでやってみます、またよろしくお願いします。

子ウインドの方はalertじゃないの方にしたいですが
たとえばwin.???、またtdタグにIDの属性をつけてあるのでその値を取得にはGetElementByIdでの方法は間違いはないでしょう？
そして自分もまた試してみます。

通報する

お礼日時：2008/11/07 11:27

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！