Highligt in tables

alain01  30-Jan-2008 23:38 6135 Reads   4 Comment(s) 
Hello, You often use tables in your pages, and sometimes the reading of many lines and columns is not not easy. There is a means very simple to make definitely more readable your tables. This method is ultra-simple, any Javascript line, completely integrated with your theme cause you use 2 well-known classes, even and odd.
 LigneJour  Température (°C)Pluviométrie (ml)
 Indice de confiance
 3  Tuesday 12 0 4
4 Wednesday 16 30 3
 5 Thurday 19 20 3
See method below... Method: For each line of your table, c'est with saying, for each element HTML [ i]< tr>[/i ], write this:
<tr class="even" onmouseout="this.className='odd';" onmouseover="this.className='even';">
That's all! There is a small alternative: If you wish that the line be transformed at the time of your 1st mouseover, then remove in the < tr>, element "class=even". Here, the result:
 LigneJour  Température (°C)Pluviométrie (ml)
 Indice de confiance
 3  Mardi 12 0 4
4 Mercredi 16 30 3
 5 Jeudi 19 20 3

Rating 0/5
Rating: 0/5 (0 votes)
Voting is disabled!


Who's Online

66 user(s) are online (6 user(s) are browsing Publisher)

Members: 0

Guests: 66



Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits