Why is my script disrupting the onmouseover effect?

[southbeach]

I have a table like so

<tr class="datarow1" onmouseover="this.className='datarowhover';" onmouseout="this.className='datarow1';" id="row2">
<td onclick="xajax_pos('EDITIH','2');">2</td>
<td onclick="xajax_pos('EDITIH','2');"></td>
<td onclick="xajax_pos('EDITIH','2');"></td>
<td onclick="xajax_pos('EDITIH','2');"></td>
<td onclick="xajax_pos('EDITIH','2');"></td>
<td style="text-align: center"><img src="images/trash.gif" alt="DEL" title="REMOVE THIS VENDOR!" onclick="remVendor('row2','1');" /></td>
</tr>

The onclick triggers

function remVendor(rowid,count) {
document.getElementById(rowid).style.background='#FF0000';
action=confirm('You have chosen to remove this vendor!\n\nPlease click OK to remove - CANCEL if otherwise.\n\n');
if(count == 1) { document.getElementById(rowid).style.background='#FFFF66'; }
else { document.getElementById(rowid).style.background='#FFF'; }
}

For now, as you may notice, I am doing nothing more than resetting the background color of the row after the confirm action. My problem is that the hover effect is lost as if the row's onmouseover effect is no longer there.

What am I doing wrong? I feel that this is a very simple mistake but I have been looking at it for too long to see it.

Thank you all in advance for your assistance!


--
SouthBeach

http://www.fpgroups.com

The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[BillyRayPreachersSon]

What styles do the 'datarowhover' and 'datarow1' classes apply? If they apply backgorund colours, these will be trumped by the style being set (inline style rules have a higher specificity).

Dan


Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Snippets & Info:

http://www.codecouch.com/

The Out Atheism Campaign