Du behöver inte ge alla TD ett eget id eftersom du kan nyttja DOM.
Citat:
<table id="theTable">
<tr><td onClick="switch(this.parentNode)">...</td></tr>
<tr><td>...</td></tr>
<tr><td>...</td></tr>
</table>
<script>
function switch( toNode ) {
var nodes = document.getElementById("theTable").childNodes;
// Ta bort föregående "markeringar" och ställ in den nya.
for( var i = 0; i < nodes.length; i++) {
if( nodes[i] == toNode )
nodes[i].className = "list_sel";
else
nodes[i].className = "list";
}
}
</script>
|
Notera att jag inte har testat koden så den innehåller eventuellt en och annan bugg.
edit: notera att alla td skall ha en identisk onclick. Det skulle dock gå att skriva om scriptet så att ingen inline-javascript behövdes.