欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

网页单元格选择有关问题并将单元格的id传出

更新时间: 2014-01-05 01:52:29 责任编辑: Author_N1

 

网页单元格选择问题并将单元格的id传出
[code=VBScript][/code]
<table id='table1' border="1" width="31%" bordercolor="#FF0000" height="238">
<tr>
<td onclick="this.style.background ='#0000FF';" width="111" height="128"><img src="zxtimeimg/tian.jpg" width="80" height="84">
<p>1天10元宝
</td>
<td height="128" onclick="this.style.background ='#0000FF';">
<img border="0" src="zxtimeimg/nian.jpg" width="80" height="76">
<p> 年3000元宝365天</td>
</tr>
<tr>
<td width="111"> </td>
<td> </td>
</tr>
</table>

<input type="text" name="T1" size="14" value="id">
我想单击就选择单元格,并将单元格高亮显示,选择其他的单元格时,刚才选的单元格就不再高亮显示,如果没有选择其他的单元格这个被选的单元格就一直高亮着,并将单元格的id出高input的值
哪位大侠能帮忙啊

--参考方法--
是不是这样?
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>TEST</title>
</head>
<style type="text/css"> 
body,td,div,input,fieldset,legend{font-family:Verdana; font-size:12px; color:#333333; font-weight:normal;}
td{line-height:20px;}
a:link,a:visited{font-family:Verdana; font-size:12px; color:#330099; font-weight:normal;  text-decoration:none;}
a:hover,a:active{font-family:Verdana; font-size:12px; color:#FF6600; font-weight:normal; }
span{font-family:Verdana; font-size:12px; color:red; font-weight:normal; padding-left:5px; margin:0px 10px;}
.cur01{background-color:#00CCFF; color:#FF3300; font-weight:bold;}
</style>
<script language="javascript" type="text/javascript">
var tempNode;
function setColor(tableID,e){
var evt,objX,o;
var i,j;
evt=e||window.event;
objX=evt.srcElement ? evt.srcElement : (evt.target ? evt.target : evt); //效果同上
o=document.getElementById(tableID);
for(i=0;i<o.rows.length;i++){
    for(j=0;j<o.rows[i].cells.length;j++){
            o.rows[i].cells[j].bgColor="";
        }
    }
if(objX.tagName && objX.tagName=="TD"){
    if(objX.parentNode.rowIndex!=0) 
    //除去第一行不改变背景色,
        objX.bgColor="#00CCFF";
    }
}
</script>
<body>
<table id="databox01" onClick="javascript:setColor('databox01',event);" width="100%" 
border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC" style="border:1px solid #336699;">
  <tr bgcolor="#66CCFF">
    <td width="19%"><b>列01</b></td>
    <td width="21%"><b>列02</b></td>
    <td width="19%"><b>列03</b></td>
    <td width="21%"><b>列04</b></td>
    <td width="20%"><b>列05</b></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>0101</td>
    <td>0102</td>
    <td>0103</td>
    <td>0104</td>
    <td>0105</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>0201</td>
    <td>0202</td>
    <td>0203</td>
    <td>0204</td>
    <td>0205</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>0301</td>
    <td>0302</td>
    <td>0303</td>
    <td>0304</td>
    <td>0305</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>0401</td>
    <td>0402</td>
    <td>0403</td>
    <td>0404</td>
    <td>0405</td>
  </tr>
</table>
<p>&nbsp;点击选中单元格</p>
</body>
</html> 			
			
		
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:52:29
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2357/
本文WWW.DOC100.NET DOC100.NET版权所有。