Salve ho una semplicissima tabella con 10 righe e una colonna, quando vado sopra le righe cambia il colore di fondo, ora vorrei fare che quando clicco su una riga, mi si colori di un colore diverso, se dopo clicco un'altra riga, la precedente torni com'era e quella appena cliccata cambi colore.
Spero di essere stato chiaro, vi posto il codice che ho fatto per il rollover delle righe:
codice:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<STYLE type=text/css>
/*Classi per rollOver delle celle*/
.testoAutoMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333366;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #D6D5D5;
	CURSOR: Hand;
}
.testoAutoMenuR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333366;
	BACKGROUND-COLOR: #CEE0E7;
	TEXT-DECORATION: none;
	CURSOR: Hand;
}
</style>
<script language=Javascript>
function accendi()	{
	alert('ok');
}
</script>
</HEAD>
<BODY>
<table width="100%" border="0" cellspacing="1" cellpadding="1">
	  <tr> 
	    <td height="22" 
	  	onmouseout="this.className='testoAutoMenu'" 
	  	onmouseover="this.className='testoAutoMenuR'" 
	  	onClick="accendi();"> 
	      [img]layout/segnalinoAero.gif[/img] 
	      <font color="#666666">Prima</font></td>
	  </tr>
	  <tr> 
	    <td height="22" 
	  	onmouseout="this.className='testoAutoMenu'" 
	  	onmouseover="this.className='testoAutoMenuR'"
	  	onClick="accendi();"> 
	      [img]layout/segnalinoAero.gif[/img] 
	      <font color="#666666">Secondo</font></td>
	  </tr>
	  <tr> 
	    <td height="22" 
	  	onmouseout="this.className='testoAutoMenu'" 
	  	onmouseover="this.className='testoAutoMenuR'"
	  	onClick="accendi();"> 
	      [img]layout/segnalinoAero.gif[/img] 
	      <font color="#666666">Terzo</font></td>
	  </tr>
</table>
</BODY>
</HTML>