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 ||||
alphabetagammadeltaepsilon
zetaetathetaiotakappa
lamdamunuxiomikron
pirhosigmatauupsilon
phichipsiomega
alphabetagammadeltaepsilon
zetaetathetaiotakappa
lamdamunuxiomikron
pirhosigmatauupsilon
phichipsiomega

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

 0: 00.00 00.00 config start
 1: 00.01 00.00 config end
 2: 00.06 00.02 MarkupToHTML begin
 3: 00.06 00.02 MarkupToHTML begin
 4: 00.08 00.03 MarkupToHTML end
 5: 00.10 00.04 MarkupToHTML end
 6: 00.10 00.04 MarkupToHTML begin
 7: 00.12 00.05 ReadApprovedUrls SiteAdmin.ApprovedUrls begin
 8: 00.13 00.06 ReadApprovedUrls SiteAdmin.ApprovedUrls end
 9: 00.14 00.06 MarkupToHTML end
10: 00.14 00.06 MarkupToHTML begin
11: 00.15 00.07 MarkupToHTML end
12: 00.16 00.07 now
Peak memory: 3,178,496 bytes