いつもお世話になっているばかりの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>
-------ソース
本文のソースが長すぎるため、全文の引用ができなくてすみませんです、これだけでも何とか解決方法いただけるのかな~?
No.2ベストアンサー
- 回答日時:
こんにちは。
#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>
No.1
- 回答日時:
質問文のサンプルでは、何をどうしたいのか読み取れませんでした。
(<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>
返事遅くて申し訳ないです。
自分もちょっと説明足りないのが分かりながら、曖昧な質問をしてしまって、すみませんね。
とりあえず、fujillinさんのヒントでやってみます、またよろしくお願いします。
子ウインドの方はalertじゃないの方にしたいですが
たとえばwin.???、またtdタグにIDの属性をつけてあるのでその値を取得にはGetElementByIdでの方法は間違いはないでしょう?
そして自分もまた試してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
このQ&Aを見た人はこんなQ&Aも見ています
-
新NISA制度は今までと何が変わる?非課税枠の拡大や投資対象の変更などを解説!
少額から投資を行う人のための非課税制度であるNISAが、2024年に改正される。おすすめの銘柄や投資額の目安について教えてもらった。
-
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
JavaScriptで特定のtdタグにclass名をつけたい
JavaScript
-
javascriptで作成されたテーブルの値を取得したい
JavaScript
-
-
4
一覧から選択した行の行番号を取得について
JavaScript
-
5
テーブルの位置を細かく指定したい。
HTML・CSS
-
6
同じIDで定義した要素の配列を取得したいが
JavaScript
-
7
<JavaScript>tableタグを入力不可にしたい。
JavaScript
-
8
クリックされたセルの位置を取得するには?
JavaScript
-
9
HTML5で、テーブル内tdタグの高さを常に固定に
HTML・CSS
-
10
未、済、完了の英訳は?
英語
-
11
【jQuery】tableループ内のIDの値を取得したい。
JavaScript
-
12
Javascriptの値をJava(JSP)へ渡す方法
Java
-
13
TABLEのセルの中の文字を行単位、セル単位で色を変えたい
HTML・CSS
-
14
<TD><input type=text"></TD>でテキストボックスとセルの間にわずかな隙間があいてしまう・・"
HTML・CSS
-
15
セレクトメニューで2つの項目や値を渡す方法はありますか?
HTML・CSS
-
16
jsp 改行コードで改行させて表示したい
Java
-
17
特定<table>内の<td>の色を変える
JavaScript
-
18
プルダウン選択を変更すると、変更する前に戻るJavaScript
JavaScript
-
19
value内に変数を入れたい
JavaScript
-
20
フォームで同じ複数のnameで違うvalueの送信
Java
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク色の変更
-
tableの任意行にfocusをあてる
-
TD内のチェックボックスの位置...
-
ラジオボタンとセルの連動
-
特定<table>内の<td>の色を変える
-
テーブルの変数について
-
JavaScriptで特定のtdタグにcla...
-
セルをドラッグで選択するときに、
-
ハイパーリンクを別ウインドウ...
-
PERL
-
JQueryでクリックされた文字を...
-
一覧から選択した行の行番号を...
-
netscapeでもinnerTextやinnner...
-
JavaScriptでテーブルをクリッ...
-
階層式メニューをtableタグ内に
-
【UWSC】HTML内のある部分を抽...
-
JavaScriptでテーブルの行入れ替え
-
return trueとreturn falseの用...
-
テキストボックス入力を半角英...
-
onClick="this.form.submit
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jsで質問です。 displayプロパ...
-
javascriptで質問です。 displa...
-
ハイパーリンクを別ウインドウ...
-
JavaScriptで特定のtdタグにcla...
-
プルダウンで選択すると、DBの...
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
至急!GetElementById でtdの...
-
特定<table>内の<td>の色を変える
-
マウスをブラウザの外に出した...
-
添付画像のようなhtmlとcssのス...
-
スクロールバーの表示位置を変...
-
クリックされた罫表セルの行番...
-
チェックボックスにチェックが...
-
JavaScriptでテーブルの行入れ替え
-
HTML中のTABLEのデータを抽出す...
-
jquery datatablesを使用 イン...
-
JavaScriptでテーブルをクリッ...
-
階層式メニューをtableタグ内に
-
マウスオーバー時テーブルの背...
おすすめ情報