capture click in table cell

[jatscripts]

Hello,

Is there a way to determine in which table cell the user clicked WITHOUT the use of <input> or <a href> IN EVERY CELL ?
It concerns over 200 cells and I like to keep my source compact.

I already asigned a differend class for each table cell for other purpoces.
Reading that class is sufficient.

But how does javacript determine in which table cell the user clicked in the first place ?

Jeroen

[bambr]

Hello,

Is there a way to determine in which table cell the user clicked WITHOUT the use of <input> or <a href> IN EVERY CELL ?
It concerns over 200 cells and I like to keep my source compact.

I already asigned a differend class for each table cell for other purpoces.
Reading that class is sufficient.

But how does javacript determine in which table cell the user clicked in the first place ?

Jeroen

Hey there.
You can do it like this:

<script>
function showMe(cell)
{
 cell.normalize();
 alert(cell.parentNode.id);
}
</script>
<td id="Cell_1"><input type="button" value="Click me" onclick="showMe(this);return false;"></td>
 

[jatscripts]

And.., bambr, do you know a way to do this ".. WITHOUT the use of <input> or <a href> IN EVERY CELL ?" ... ?

[bambr]

And.., bambr, do you know a way to do this ".. WITHOUT the use of <input> or <a href> IN EVERY CELL ?" ... ?

Heh, you can put onclick handler to td itself and modify the code of handler from cell.parentNode.id to cell.id

[mrhoo]

In IE you can attach an event handler to the document.documentElement (with a doctype) or document.body (without.) Return the window.event.srcElement.

document.documentElement.onclick=function(e){
    return window.event.srcElement;
}

The other browsers will bubble events up to the window. Return e.target,
where e is a parameter of the handler function.

window.onclick=function (e){
    return e.target;
}