CSS to Highlight Current TD Tag Selection

Question

Trying to find how I add a CSS class to show the currently
selected menu item.
I am using
<td height="22"align="center"
class="SmallLinkB"onclick="MM_changeProp('titletxt','','innerHTML','&lt;img
src=\&quot;/FILESPEC.gif\&quot;
alt=\&quot;dwr\&quot; width=\&quot;20\&quot;
height=\&quot;15\&quot; /&gt; TEXT HERE
&lt;o:p&gt;&lt;a
href=\&quot;/FILESPEC.pdf\&quot;
target=\&quot;_blank\&quot;
class=\&quot;nugbody\&quot;&gt;PDF&lt;/a&gt;
&lt;span
class=\&quot;nugbody\&quot;&gt;or&lt;/span&gt;
&lt;a href=\&quot;/FILESPEC.swf\&quot;
target=\&quot;_blank\&quot;
class=\&quot;nugbody\&quot;&gt;FlashPaper&lt;/a&gt;&lt;/o:p&gt;&lt;img
src=\&quot;/FILESPEC.gif\&quot;
alt=\&quot;dw\&quot; width=\&quot;20\&quot;
height=\&quot;15\&quot;
/&gt;','DIV');Spry.Utils.updateContent('DIV1',
'/FILESPEC.php'); return false"
onmouseover="this.style.backgroundColor = '#FFD2AA'
;this.style.cursor='pointer'"
onmouseout="this.style.backgroundColor = ''">TEXT
HERE</td>
inside a SpryCollapsiblePanel with color effects.
When I select a meu item, I want the new selection to be
highlighted and to release the last selection.

Answer 1

You can achieve this result by adding:
<script language="javascript" type="text/javascript"
src="../../includes/xpath.js"></script>
<script language="javascript" type="text/javascript"
src="../../includes/SpryData.js"></script>
and then embed a DIV in the panelcontent called "test1' to
each button then add onClick=
Spry.Utils.addClassName('test1','selected1')
Spry.Utils.removeClassName('test2','selected1')
make a new class called select1 (or whatever)
This works great without allot of code if compared to some
other solutions I have seen. Also works with onMouseover including
colour effects.