87,994
社区成员
发帖
与我相关
我的任务
分享初学！！！小问题！立即结贴！
单击事件！效果：单击一单元格使这一行高亮！
怎么单击另外一行，使原来那行的高亮取消啊？？
<script for=table event=onclick()>
var se = event.srcElement, row;
if (se.tagName == "TD") {
row = se.parentElement;
row.style.color = "highlighttext";
row.style.backgroundColor = "highlight";
}
</script>
怎么单击另外一行，使原来那行的高亮取消啊？？
<script for=table event=onclick()>
var se = event.srcElement, row;
if (se.tagName == "TD") {
row = se.parentElement;
row.style.color = "highlighttext";
row.style.backgroundColor = "highlight";
}
</script>
...全文
请发表友善的回复…
发表回复
心云意水 2004-11-28
- 打赏
- 举报
<script>
var lightrow=null;
</script>
<script for=table event=onclick()>
var se = event.srcElement, row;
if (se.tagName == "TD") {
if(lightrow!=null){
lightrow.style.color="normalcolor";
lightrow.style.backgroundColor = "normalBgcolor";
}
row = se.parentElement;
row.style.color = "highlighttext";
row.style.backgroundColor = "highlight";
lightrow=row;
}
</script>
var lightrow=null;
</script>
<script for=table event=onclick()>
var se = event.srcElement, row;
if (se.tagName == "TD") {
if(lightrow!=null){
lightrow.style.color="normalcolor";
lightrow.style.backgroundColor = "normalBgcolor";
}
row = se.parentElement;
row.style.color = "highlighttext";
row.style.backgroundColor = "highlight";
lightrow=row;
}
</script>
梅雪香 2004-11-28
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Untitled Document</title>
<script language="javascript">
var curRow; //全局行号
var curColor;
function selectRow(tr1){
if(curRow)
curRow.bgColor=curColor;
curColor=tr1.bgColor;
tr1.bgColor="#FFE9B3";
curRow=tr1;
}
</script>
</head>
<body >
<table id="tb" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr onClick="selectRow(this)">
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
</tr>
<tr onClick="selectRow(this)">
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
</tr>
<tr onClick="selectRow(this)">
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Untitled Document</title>
<script language="javascript">
var curRow; //全局行号
var curColor;
function selectRow(tr1){
if(curRow)
curRow.bgColor=curColor;
curColor=tr1.bgColor;
tr1.bgColor="#FFE9B3";
curRow=tr1;
}
</script>
</head>
<body >
<table id="tb" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr onClick="selectRow(this)">
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
</tr>
<tr onClick="selectRow(this)">
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
</tr>
<tr onClick="selectRow(this)">
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
<td valign="bottom" id="tdPic"> </td>
</tr>
</table>
</body>
</html>
zuing 2004-11-27
- 打赏
- 举报
没用啊?window有lightrow属性吗?
实在不行的话,一定要循环的话,应该怎么写啊?
实在不行的话,一定要循环的话,应该怎么写啊?
deerchao 2004-11-27
- 打赏
- 举报
把这行var lightrow=null;改成window.lightrow=null;应该就行了。
zuing 2004-11-27
- 打赏
- 举报
楼上的代码没用啊?
如果全部循环的话(有大约1000行数据),那还不很慢啊?有其他办法吗?
如果全部循环的话(有大约1000行数据),那还不很慢啊?有其他办法吗?
kingchang2000 2004-11-27
- 打赏
- 举报
你可以先写个循环，将每个行的style的color和backgroundcolor的属性设为原来的颜色
然后再调用你自己上面的程序，就可以了吧
然后再调用你自己上面的程序，就可以了吧
deerchao 2004-11-27
- 打赏
- 举报
<script for=table event=onclick()>
var se = event.srcElement, row;
var lightrow=null;
if (se.tagName == "TD") {
if(lightrow!=null){
lightrow.style.color="normalcolor";
lightrow.style.backgroundColor = "normalBgcolor";
}
row = se.parentElement;
row.style.color = "highlighttext";
row.style.backgroundColor = "highlight";
lightrow=row;
}
</script>
var se = event.srcElement, row;
var lightrow=null;
if (se.tagName == "TD") {
if(lightrow!=null){
lightrow.style.color="normalcolor";
lightrow.style.backgroundColor = "normalBgcolor";
}
row = se.parentElement;
row.style.color = "highlighttext";
row.style.backgroundColor = "highlight";
lightrow=row;
}
</script>
