Hi,

I have this code that changes the color of the table cell when it is moused over, but I would like to also have it do this:

select radio button when cell is clicked.
change class to blue3 when clicked and leave it like that until another is clicked.
Continue changing color on mouseover.

Can someone please give me the code to do this?

Thanks, Matt


Code:
td.blue { 
font-family: arial; font-weight: bold; font-size: 12px; color: #000000; text-decoration: none;
  border: 0px; 
  background: #71B9FF; 
} 
td.blue2 { 
font-family: arial; font-weight: bold; font-size: 12px; color: #000000; text-decoration: none;
  border: 0px; 
  background: #C1E0FF;
} 
td.blue3 { 
font-family: arial; font-weight: bold; font-size: 12px; color: #000000; text-decoration: none;
  border: 0px; 
  background: #0000FF;
}
Code:
<td class="blue" onmouseover="this.className='blue2'" onmouseout="this.className='blue'" align="center"><img src="images/asdf.gif" width="114" height="149"><br><input type="radio" name="asdf" value="asdf">
asdf</td>