table and onClick

[B. P. TBC]

Hi all!

I have a html-document with a table. How can I recognise in the onClick
event-handler, that I which cell of a table clicked?

P.

[stannyc]

You have to set the onclick event of the TD tags, not the TABLE itself.
You can do this in a loop, for efficiency:

var myTblCells =
document.getElementById("myTable").getElementsByTa gName("td");
for (var t=0,curCell; curCell=myTblCells[t]; t++)
curCell.onclick = someFunction;

The above code is IE-specific, of course -- you'll want to generalize
it to support modern browsers. The someFunction code tells you where
you are:

function someFunction()
{
alert("I'm in row " + this.rowIndex + ", cell " + this.cellIndex);
}

Hope this helps,

Stan Scott
New York City

[B. P. TBC]

Thanks!

P.

[Thomas 'PointedEars' Lahn]

B. P. TBC wrote:

I have a html-document with a table. How can I recognise in the onClick
event-handler, that I which cell of a table clicked?

Use Event Bubbling.
<URL:http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-bubbling>

<script type="text/javascript">
function handleClick(e)
{
var t;
if (e && ((t = e.target) || (t = e.srcElement)))
{
... t ...
}
}
</script>

<table onclick="handleClick(event);">
...
</table>
PointedEars

[Thomas 'PointedEars' Lahn]

st*****@gmail.com wrote:

You have to set the onclick event of the TD tags, not the TABLE itself.
Not at all.
You can do this in a loop, for efficiency:

var myTblCells =
document.getElementById("myTable").getElementsByTa gName("td");
for (var t=0,curCell; curCell=myTblCells[t]; t++)
curCell.onclick = someFunction;

The above code is IE-specific, of course [...]

It is not, and it is unnecessary. The `click' event bubbles by default
in all implementations.
PointedEars

[RobG]

Thomas 'PointedEars' Lahn wrote:

B. P. TBC wrote:

I have a html-document with a table. How can I recognise in the onClick
event-handler, that I which cell of a table clicked?

Use Event Bubbling.
<URL:http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-bubbling>

<script type="text/javascript">
function handleClick(e)
{
var t;

var e = e || window.event;
if (e && ((t = e.target) || (t = e.srcElement)))
{
... t ...
}
}
</script>

<table onclick="handleClick(event);">
...
</table>
PointedEars

--
Rob

[Thomas 'PointedEars' Lahn]

RobG wrote:

Thomas 'PointedEars' Lahn wrote:

B. P. TBC wrote:

I have a html-document with a table. How can I recognise in the onClick
event-handler, that I which cell of a table clicked?

Use Event Bubbling.
<URL:http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-bubbling>
<script type="text/javascript">
function handleClick(e)
{
var t;

var e = e || window.event;

Unnecessary:

if (e && ((t = e.target) || (t = e.srcElement)))
{
... t ...
}
}
</script>

<table onclick="handleClick(event);"> ^^^^^ ...
</table>

PointedEars