this is part of a drop down menu so were would this go in a html document head, body, etc.
<attach event=”onmouseover” handler=”rollOver” />
<attach event=”onmouseout” handler=”rollOff” />
<script type=”text/javascript”>
function rollOver() {
//change the colour
element.className += (element.className?’ ‘:”) + ‘CSStoHighlight’;
//change display of child
for( var x = 0; element.childNodes[x]; x++ ){
if( element.childNodes[x].tagName == ‘UL’ ) { element.childNodes[x].className += (element.childNodes[x].className?’ ‘:”) + ‘CSStoShow’; }
if( element.childNodes[x].tagName == ‘A’ ) { element.childNodes[x].className += (element.childNodes[x].className?’ ‘:”) + ‘CSStoHighLink’; }
}
}
function rollOff() {
//change the colour
element.className = element.className.replace(/ ?CSStoHighlight$/,”);
//change display of child
for( var x = 0; element.childNodes[x]; x++ ){
if( element.childNodes[x].tagName == ‘UL’ ) { element.childNodes[x].className = element.childNodes[x].className.replace(/ ?CSStoShow$/,”); }
if( element.childNodes[x].tagName == ‘A’ ) { element.childNodes[x].className = element.childNodes[x].className.replace(/ ?CSStoHighLink$/,”); }
}
}
</script>