• View
• Edit
• History
• Print

HighlightRows

This page does a bit of dynamic HTML trickery -- hover your mouse over the rows of the table below.

|| border=1 cellspacing=0 width=50%
|| alpha || beta || gamma || delta || epsilon ||
|| zeta  || eta  || theta || iota  || kappa   ||
|| lamda || mu   || nu    || xi    || omikron ||
|| pi    || rho  || sigma || tau   || upsilon ||
|| phi   || chi  || psi   || omega ||||
|| alpha || beta || gamma || delta || epsilon ||
|| zeta  || eta  || theta || iota  || kappa   ||
|| lamda || mu   || nu    || xi    || omikron ||
|| pi    || rho  || sigma || tau   || upsilon ||
|| phi   || chi  || psi   || omega ||||

This effect could be done entirely with CSS, but unfortunately IE doesn't support the CSS :hover attribute on table rows. So it has to be done with onmouseover= and onmouseout= attributes in HTML. --Pm

PM, How do you do this?

I see the code

    <tr onmouseover='this.style.backgroundColor = "#e5e5ff";'i
        onmouseout='this.style.backgroundColor = "#ffffff";'i >

in the HTML source but it does not explain how it got there from the wiki source.

--GNUZoo