Highlight Table Row on Mouseover

[Byn]

Hi,

Could someone please tell me how I can highlight a complete table row on mouseover. The table has been imported from Excel and consists of approx. 150 rows and 5 columns.


Thanks,

Byn

 

[Bignewbie]

try this code, put this between the head tag:

<script language=&quot;JavaScript1.2&quot;>
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName==&quot;TR&quot;||source.tagName==&quot;TABLE&quot;)
return
while(source.tagName!=&quot;TR&quot;)
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!=&quot;ignore&quot;)
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id==&quot;ignore&quot;)
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

Note:
If you want to exempt a specific row for a highlight put in the <tr id=&quot;ignore&quot;>


then on your each of your <tr> tag put this:

onMouseover="changeto('#eff7ff')" onMouseout="changeback('#FFFFcc')"

or if u want more clarifications try this link:

http://www.dynamicdrive.com/dynamicindex11/highlighttable.htm

I hope this helps!


bignewbie