PDA

View Full Version : xin hướng dẫn làm table chuyển đổi màu trên nhiều dòng và cột


jincpt
04-11-2008, 05:56
mình muốn làm 1 cái table nhiều cột nhiều dòng, có dữ liệu trọng table, khi chuột di chuyển tới mỗi dòng thì tất cả các dòng ngang trong mỗi cột nó sẽ chuyển màu khác, nếu rời chuột ra thì nó sẽ trở lại như cũ,

có bạn nào biết xin hướng dẫn cách làm hoặc cho code mình, thank trước....
dangviethai
04-11-2008, 21:15
nghe như bài thi Test của Aptech ý nhỉ :D
temp2
04-11-2008, 22:01
bạn vô đây (http://javascriptbank.com/javascript/form/table/) tìm thử xem; http://javascriptbank.com/javascript/form/table/
hunginfo
04-11-2008, 22:22
bạn có thể vào đóa http://javascriptbank.com

or lên trang http://codeproject.com search là sẽ có !
BeatOfAngle
04-11-2008, 22:57
mình code thử cho bạn :



<html>
<head>

<title>Untitled Document</title>

</head>

<body>
<table width="560" height="112" border="1">
<tr onMouseOver="this.style.backgroundColor='blue';" onMouseOut="this.style.backgroundColor='white';" >
<td>change color</td>
<td>change color</td>
<td>change color</td>
</tr>
<tr onMouseOver="this.style.backgroundColor='blue';" onMouseOut="this.style.backgroundColor='white';">
<td>change color</td>
<td>change color</td>
<td>change color</td>
</tr>
<tr onMouseOver="this.style.backgroundColor='blue';" onMouseOut="this.style.backgroundColor='white';">
<td>change color</td>
<td>change color</td>
<td>change color</td>
</tr>
</table>
</body>
</html>
jincpt
06-11-2008, 00:32
thank ban BeatOfAngle rat nhieu, dung la thu minh dang can... thank

[=========> Bổ sung bài viết <=========]

cảm ơn bạn BeatOfAngle, mình đã làm được, nhưng mình lại gặp phải 1 vấn đề như thế này như hình thế này: (có hình att kèm)

rê chuột tới dòng B thì B và D nó chuyển màu

nhưng rê chuột tới dòng C thì chỉ có dòng C chuyển màu thôi, còn D thì không,

mình muốn làm cả C và D cũng chuyển theo nhưng B và D

[=========> Bổ sung bài viết <=========]

cảm ơn bạn BeatOfAngle, mình đã làm được, nhưng mình lại gặp phải 1 vấn đề như thế này như hình thế này:

cái table của mình có 2 cột trái và phải

cột trái có 2 dòng B và C

cột phải có 1 dòng D

khi re chột vào cột trái dòng B thì Cột phải dòng D chuyển màu theo

nhưng khi re chuột vào cột trái dòng C thì chỉ có dòng C đổi màu còn dòng D thì không, mình muốn làm cho dòng C và D cũng đổi màu như B


code:

<table width="480" border="0" cellspacing="0" cellpadding="0">
<tr>
<th bgcolor="#CCCCCC" scope="row"><table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='#FCDFCD';" onmouseout="this.style.backgroundColor='white';" >
<th width="32%" height="20" scope="row">B</th>
<td width="24%" rowspan="2" align="center">D</td>
</tr>
<tr bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='#FCDFCD';" onmouseout="this.style.backgroundColor='white';" >
<th height="20" scope="row">C</th>
</tr>
</table></th>
</tr>
</table>