table rows clickable
/Html JavaSript/table rows clickable.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>table rows clickable</title>
<style type="text/css">
#bigGrille tr:hover {background:yellow}
#bigGrille tr.clicked {background:#FC3}
</style>
<script type="text/javascript">
function clicRow(e) {this.className = (this.className!=""?"":"clicked")}
function setRowsClicable() {
var rows = document.getElementsByTagName("tr");
for(var i=0; i<rows.length; ++i) {rows[i].onclick = clicRow}
}
</script>
</head>
<body onload="setRowsClicable()">
<table id="bigGrille" border="1" style="width:20em">
<tr><td>row 1 onclick...</td></tr>
<tr><td>row 2 onclick...</td></tr>
<tr><td>row 3 onclick...</td></tr>
<tr><td>row 4 onclick...</td></tr>
<tr><td>row 5 onclick...</td></tr>
<tr><td>row 6 onclick...</td></tr>
</table>
</body>