JavaScriptで、テーブルクリックした時の

質問

PHPを勉強中です。
どうしてもJavaScriptの力を借りなければならず、少し頑張ってみましたがお手上げですのでどなたかご教授ください。

画面に社員マスタテーブル['tbl_A]があります。
【イメージ】
社員ID　　｜　社員名　　｜　住所　　｜
　　１　　　　　　東京花子　　　港区～
　　3　　　　　　板橋亜希　　　板橋区～
　　8　　　　　　瀬田　南　　　　世田谷区～

名前や住所をクリックしたときに、その人の社員IDを取得したいのです。
クリックしたセル自体の情報は色々ネットで調べて取得できたのですが、クリックした行の［社員ID］が欲しいのです。

ちなみに、クリックしたセルの情報はweb上から似たような処理のものを探してきて
下記のようにしてます。
現在の私は、解読はできますが、自分ではこれは作れないレベルです。

こちらに手を加える形か、まったく別物でも構いませんのでよろしくおねがいします。

function getCELL() {
var myTbl = document.getElementById('tbl_A');

// trをループ。rowsコレクションで,行位置取得。
for (var iL=0; iL < myTbl.rows.length; iL++) {
// tr内のtdをループ。cellsコレクションで行内セル位置取得。
for (var iC=0; iC<myTbl.rows[iL].cells.length; iC++) {
var Cells=myTbl.rows[iL].cells[iC]; //iL番行のiC番列のセル "td"
// onclickで 'Mclk'を実行。thisはクリックしたセル"td"のオブジェクトを返す。
Cells.onclick = function(){Mclk(this);}
}
}
}
function Mclk(Cell) {
var rowINX = '行位置：'+Cell.parentNode.rowIndex;//Cellの親ノード'tr'の行位置
var cellINX = 'セル位置：'+Cell.cellIndex;
var cellVal = 'セルの内容：'+Cell.innerHTML;

//取得した値の書き出し
res=rowINX + ' '+ cellINX + ' ' + cellVal;
document.getElementById('hoge').value=res;
}

回答No.1

yambejp · ベストアンサー

自分の行の先頭のセルの値を拾いたいということでよろしいですか？

こんなかんじでどうでしょ？
<script>
try{
document.addEventListener ('click',function(e){clickfunc(e)},true); //基本
}catch(e){
document.attachEvent('onclick',function(e){clickfunc(e)}); //IE
}
function clickfunc(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="TD"){
var uid=t.parentNode.firstChild.innerHTML;
alert(uid);
}
}

</script>
<table>
<thead>
<tr><th>社員ID</th><th>社員名</th><th>住所</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>東京花子</td><td>港区～</td></tr>
<tr><td>2</td><td>板橋亜希</td><td>板橋区～</td></tr>
<tr><td>3</td><td>瀬田　南</td><td>世田谷区～</td></tr>
</tbody>
</table>

お礼

補足で記述まちがいをしました。

header("Location: read.php?".SID);で開いても同じです。
　の箇所はとりけします。

どうやら社員IDをDBから取得してSESSIONにいれているのですが、そこで変な感じにはいってしまっているようで、別問題のようです。

この質問に対しては解決しましたので一度クローズします。

本当にありがとうございました！！

大変たすかりました。

補足

早速にありがとうございます！
新規に作成したA.phpにコピペして動作確認したら、動き的には100％希望どおりです。

ただ、困ったことに、このテーブルが実際に存在しているのは、index.phpからrequire ("read.php");でよばれて開いた画面内にあります。

firebugで確認すると、documentがindexになってしまっており、undefined　とアラート表示されてしまいます。

header("Location: read.php?".SID);で開いても同じです。

こんなレベルですので、どうぞよろしくお願いいたします。