RobB wrote:
Micha? wrote: Hello this is my problem:
<script language="javascript">
function Show()
{
RowNumber="???"; // I trying this.rowIndex
CellNumber="???"; //
TableID="???"; // :-(
alert(RowNumber);
alert(CellNumber);
alert(TableID)
}
</script>
<div contentEditable="true" onClick="show()">
<table id="table" border=1>
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
<tr>
<td>row 3 cell 1</td>
<td>row 3 cell 2</td>
</tr>
<tr>
<td>row 4 cell 1</td>
<td>row 4 cell 2</td>
</tr>
</table>
</div>
I don't want to add javascript inside the html of the table.
Thanks for help
(snip)
OK, tightened this up a bit...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>untitled</title>
<style type="text/css">
#table1, #table2 {
border: 3px #000 double;
border-collapse: collapse;
}
#table1 {
background: moccasin;
}
#table2 {
background: skyblue;
}
td {
border: 3px #fff dashed;
padding: 4px;
}
</style>
<script type="text/javascript">
document.onclick = function(e)
{
var drillup = function(node, tagname)
{
var re = new RegExp(tagname, 'i');
while (node && !re.test(node.nodeName))
node = node.parentNode;
return node;
}
var msg = [];
e = e || window.event || {};
var node = e.srcElement || e.target;
if (node)
{
if (node = drillup(node, 'td'))
msg.push('cell: ' + (node.cellIndex + 1));
if (node = drillup(node, 'tr'))
msg.unshift('row: ' + (node.rowIndex + 1));
if (node = drillup(node, 'table'))
msg.push('table id: ' + node.id);
if (node = drillup(node, 'div'))
msg.push('contentEditable: ' + node.contentEditable);
if (msg.length > 0)
alert(msg.join('\n'));
}
return false;
}
</script>
</head>
<body>
<div contentEditable="true">
<table id="table1">
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
<tr>
<td>row 3 cell 1</td>
<td>row 3 cell 2</td>
</tr>
<tr>
<td>row 4 cell 1</td>
<td>row 4 cell 2</td>
</tr>
</table>
</div>
<br />
<div contentEditable="false">
<table id="table2">
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
<tr>
<td>row 3 cell 1</td>
<td>row 3 cell 2</td>
</tr>
<tr>
<td>row 4 cell 1</td>
<td>row 4 cell 2</td>
</tr>
</table>
</div>
</body>
</html>