Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

Troubleshooting
Research
Professional Opinions
Ask a Question
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

troubleshooting Question

Asp.Net - Using JavaScript to highlight table row

Avatar of Rick
Rick asked on
JavaScriptASP.NETVisual Basic.NET
6 Comments1 Solution853 ViewsLast Modified:
I'm using JavaScript to highlight table rows on mouse over:

      function HighlightRow(row) {
            row.style.backgroundColor = '#eeff00'
     }

      function UnHilightRow(row) {
            row.style.backgroundColor = '#ffffff'
      }        

In my table, the row background color alternates between white and lightgray.
When I mouse over a row it gets highlighted with yellow (as expected).
When I mouse out, the background color gets set to white.

I need to find a way to get the current row background color on mouse over and before highlighting.
Then when I mouse out of it, the background color needs to be reverted to what it was before.
Something like:

      function HighlightRow(row) {
            // Get current row background color
            ???
            // Highlight row:
            row.style.backgroundColor = '#eeff00'
      }

      function UnHilightRow(row) {
            // What was the original color?      
            var origRowColor = (??? from function above)

            // If it was White (or '#ffffff') then
            row.style.backgroundColor = '#ffffff'
            // Else
            // Revert to what it was before it got highlighted
            row.style.backgroundColor = origRowColor
      }        


 
ASKER CERTIFIED SOLUTION
Avatar of devlab2012
devlab2012Flag of India image

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Commented:
This problem has been solved!
Unlock 1 Answer and 6 Comments.
See Answers