Questa è la struttura html spero tu possa aiutarmi. GRAZIE
<html>
<head>
<style type="text/css">
<!--
.ON {
background-color: #FF9900;
}
.OFF {
background-color: #999999;
}
.Premuto {
background-color: #FFFF00;
}
-->
</style>
<script>
function bottoni(a,e) {
tot=document.getElementsByTagName("TD").length
for(i=0; i < tot; i++) {
cella = document.getElementsByTagName("TD").item(i)
nome=cella.getAttribute("id")
if (e=="Click"){
if (nome==a) document.getElementById(nome).className='premuto'
else document.getElementById(nome).className='OFF'
}
if (e=="Over"){
if (document.getElementById(nome).className!='premuto ') if (nome==a) document.getElementById(nome).className='ON'
}
if (e=="Out"){
if (document.getElementById(nome).className!='premuto ') if (nome==a) document.getElementById(nome).className='OFF'
}
}
}
</SCRIPT>
</head>

<body bgcolor="#CCCCCC">
<table width="600" align="center">
<tr>
<td width="200" height=20 class="OFF" id="cella1"
onClick="javascript:bottoni('cella1','Click')"
onMouseOver="javascript:bottoni('cella1','Over')"
onMouseOut="javascript:bottoni('cella1','Out')" >
</td>

<td width="200" height=20 class="OFF" id="cella2"
onClick="javascript:bottoni('cella2','Click')"
onMouseOver="javascript:bottoni('cella2','Over')"
onMouseOut="javascript:bottoni('cella2','Out')" >
</td>

<td width="200" height=20 class="OFF" id="cella3"
onClick="javascript:bottoni('cella3','Click')"
onMouseOver="javascript:bottoni('cella3','Over')"
onMouseOut="javascript:bottoni('cella3','Out')" >
</td>
</tr>
</table>
</body>
</html>