有时要做到在一个Table中点选某一行改变背景颜色，但上次点的背景颜色保持最初的颜色。这样能够让用户知道刚才点选了那一行，还有就是能能行的数据用javascript还原到Form中实现修改数据。
代码如下：
1 <form name="theForm">
2 <input type="text" name="userName">
3 </form>
4 <table>
5 <tr bgcolor="#CCCCCC" onclick="changeBackColor(this,'harryson')">
6 <td>用户名--Harryson</td>
7 </tr>
8 </table>
9
10 <script language="javascript">
11 var sltObj=null;//原来的行对象
12 var befColor = "";//原来行对象的背景颜色
13 //方法用来改变当前行的背景颜色，还原原来行的背景颜色,把设置的值写到表单中
14 function changeBackColor(ARG,userName){
15 if (sltObj == ARG) {
16 return true;
17 } else {
18 if(sltObj!=null) {
19 sltObj.bgColor= befColor;
20 }
21 befColor = ARG.bgColor;
22 //alert(befColor);
23 ARG.bgColor="#66CC99";
24 }
25
26 sltObj = ARG;
27 parent.document.theform.userName.value = userName;//表示table是在iframe中
28 document.theform.userName.value = userName;//表示table是相同的from中
29 }
30 </script>
个人还是比较人性化的，：）
posted on 2005-08-30 16:28
Harryson 阅读(856)
评论(0) 编辑 收藏 所属分类:
Html 、
Javascript