row highlight of table

Page 1 of 1

[ 1 post ]

Author

Code Snippet

msi_333

Code subject: row highlight of table

Posted: Mon Sep 12, 2011 7:30 pm

Joined: Tue Mar 27, 2007 10:55 pm
Posts: 2279
Location: Earth
Has thanked: 39 time
Have thanks: 61 time

row highlight and mouse cursor change of table tag :

Code:

<html>
<body>
<table>
 <tr>
  <th>Match</th>
  <th>Results</th>
  <th>Date</th>
</tr>
 <tr onMouseOver="this.style.background='#0000FF'; this.style.color='#F00000';this.style.cursor='pointer';" 
onMouseOut="this.style.background='#FFFFFF'; this.style.color='#000000'">
   <td>Team1-vs-Team3</td>
   <td>1-0</td>
   <td>2/3/2009</td>
 <tr onMouseOver="this.style.background='#0000FF'; this.style.color='#F00000';this.style.cursor='pointer';" 
onMouseOut="this.style.background='#FFFFFF'; this.style.color='#000000'">
   <td>Team2-vs-Team4</td>
   <td>3-2</td>
   <td>3/3/2009</td>
 </tr>
</table>
</body>
</html>
 

_________________
Currenlty programming with : java , html , php , and javascript . (OCJP-6 certified )

Page 1 of 1

[ 1 post ]

Similar topics
table row hover
Multi colored table rows
text Indent value to table
lowercase table content
Div Table with css row span
Table with separated borders
Table with marked cell
hide cell in table
change the style of table cells
Change table style using CSS

Codemiles.com » General Topics Forums » Code library » JavaScript codes » JavaScript examples

All times are UTC [ DST ]

Users browsing similar codes

Users browsing this forum: No registered users and 1 guest

Jump to:

Previous Code Snippet | Next Code Snippet