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.01 config end
 2: 00.11 00.11 MarkupToHTML begin
 3: 00.11 00.11 MarkupToHTML begin
 4: 00.12 00.11 MarkupToHTML end
 5: 00.13 00.12 MarkupToHTML end
 6: 00.13 00.12 MarkupToHTML begin
 7: 00.14 00.13 ReadApprovedUrls SiteAdmin.ApprovedUrls begin
 8: 00.14 00.13 ReadApprovedUrls SiteAdmin.ApprovedUrls end
 9: 00.15 00.14 MarkupToHTML end
10: 00.15 00.14 MarkupToHTML begin
11: 00.15 00.14 MarkupToHTML end
12: 00.15 00.14 now
Peak memory: 3,404,440 bytes