<div>
<div class="content wysiwyg-content">
I have a table consisting of rows of alternating colors. &nbsp;On mouseover, I want the row to highlight in a third color. &nbsp;On mouseout, I want it to just revert back to the original bgcolor. &nbsp;<br />
<br />
Right now, I'm using this function: <br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp;&lt;script language=&quot;JavaScript&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function tdOver(obj) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; obj.style.background='yell<wbr />ow';<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function tdOut(obj) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; obj.style.background='';<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp;&lt;/script&gt;<br />
<br />
<br />
And my row looks like this:<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp;echo &quot;&lt;tr height=\&quot;25\&quot; valign=\&quot;middle\&quot; bgcolor=\&quot;$row_color\&quot; onmouseover=\&quot;tdOver(this)<wbr />\&quot; onmouseout=\&quot;tdOut(this)\&quot;<wbr />&gt;&quot;;<br />
<br />
<br />
In FF, this works as expected, but in IE, it doesn't revert back to the original bgcolor, it fills the whole row white. &nbsp;Does anyone know how I can get it to work the way I want it to in IE? &nbsp;
</div>
</div>


I have a table consisting of rows of alternating colors.  On mouseover, I want the row to highlight in a third color.  On mouseout, I want it to just revert back to the original bgcolor.  

Right now, I'm using this function: 

       <script language="JavaScript">
              function tdOver(obj) {
                        obj.style.background='yellow';
              }
        
              function tdOut(obj) {
                        obj.style.background='';
              }
       </script>


And my row looks like this:

       echo "<tr height=\"25\" valign=\"middle\" bgcolor=\"$row_color\" onmouseover=\"tdOver(this)\" onmouseout=\"tdOut(this)\">";


In FF, this works as expected, but in IE, it doesn't revert back to the original bgcolor, it fills the whole row white.  Does anyone know how I can get it to work the way I want it to in IE?  

Highlight table row onmouseover... revert back to original bgcolor?

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.