社区
JavaScript
帖子详情
关于表格的问题,请高手支招,在线等,急!!!
tina007
2003-10-29 03:37:10
有一个n×n表格,利用鼠标拖动选取其中某个小型矩形区域,例如选取某一2×3区域,放开鼠标,此时,1:我要把选取的这块矩形区域的第一个和最后一个单元格的id号传到后台,2:这段区域的背景色变色,3:重新选择时,原来的选择区域恢复原背景色。
说得明白吗?
...全文
33
9
打赏
收藏
关于表格的问题,请高手支招,在线等,急!!!
有一个n×n表格,利用鼠标拖动选取其中某个小型矩形区域,例如选取某一2×3区域,放开鼠标,此时,1:我要把选取的这块矩形区域的第一个和最后一个单元格的id号传到后台,2:这段区域的背景色变色,3:重新选择时,原来的选择区域恢复原背景色。 说得明白吗?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
awaysrain
2003-10-30
打赏
举报
回复
按住Ctrl可以实现多次选择
awaysrain
2003-10-30
打赏
举报
回复
我那个是再点一下左键就恢复了,点右键出菜单
tina007
2003-10-30
打赏
举报
回复
to awaysrain(绝对零度) :
3:重新选择时,原来的选择区域恢复原背景色。
这个,如何实现呢?
tina007
2003-10-30
打赏
举报
回复
感谢ing,这就试试去:)
sjjf
2003-10-30
打赏
举报
回复
学习ing
tina007
2003-10-30
打赏
举报
回复
再次谢谢绝对零度,终于解决了:)
awaysrain
2003-10-29
打赏
举报
回复
更正
----------------------
调用:
<table onmousedown='tabStart()' onmouseup='tabEnd()' id=tab1>
效果看这里:
http://hongjun.freewebpage.org/showTab.htm
awaysrain
2003-10-29
打赏
举报
回复
几个函数,和你的功能也不太一样我记录的是第一个和最后一个单元格的行列号,你自己 修改吧
function tabStart(){
obj=window.event.srcElement;
form1.col1.value = obj.cellIndex+1;
form1.col2.value = form1.col1.value;
form1.row1.value = obj.parentElement.rowIndex+1;
form1.row2.value = form1.row1.value;
}
//获取结束值,并增删color. by cc
function tabEnd(){
var temp=-1;
obj=window.event.srcElement;
form1.col2.value = obj.cellIndex+1;
form1.row2.value = obj.parentElement.rowIndex+1;
if((form1.col1.value==form1.col2.value)&&(form1.row1.value==form1.row2.value)){
if(!event.ctrlKey)
{
delColor();
//addColor();
}
}
else{
addColor();
}
}
//获取 “选择单元位置”的字符串
function addColor()
{
var i,j,temp;
var colRightNum1,colRightNum2;
if(!event.ctrlKey)
{
delColor();
}
colNum1 = form1.col1.value;
colNum2 = form1.col2.value;
rowNum1 = form1.row1.value;
rowNum2 = form1.row2.value;
//alert(colNum1 + "," +colNum2);
try
{
colRightNum1 = tab1.rows[rowNum1-1].cells.length - colNum1;
colRightNum2 = tab1.rows[rowNum2-1].cells.length - colNum2;
}
catch(e)
{
return;
}
if((positionStr=="")||(positionStr==null))
{
positionStr = rowNum1 + "," + rowNum2 + "," + colNum1 + "," + colNum2 ;
}
else
{
positionStr = positionStr + "|" + rowNum1 + "," + rowNum2 + "," + colNum1 + "," + colNum2;
}
try
{
for(i=form1.row1.value-1;i<form1.row2.value;i++)
{
for(j=tab1.rows[i].cells.length-1 - colRightNum1;j<=tab1.rows[i].cells.length-1 - colRightNum2;j++)
{
tab1.rows[i].cells[j].bgColor="gray";
}
}
}
catch(e)
{
return;
}
}
function delColor()
{
if(event.button==2)
{
return;
}
positionStr = "";
for(i = 0;i<tab1.rows.length;i++)
{
for(j = 0;j<tab1.rows[i].cells.length;j++)
{
tab1.rows[i].cells[j].bgColor="#FFFFFF";
}
}
}
调用:
<table onmousedown='tabStart()' onmouseup='tabEnd()'>
awaysrain
2003-10-29
打赏
举报
回复
呵呵,写过这样的代码,我给你找找去
高手
支招
解决新补丁引发Windows 7黑屏
问题
.docx
高手
支招
解决新补丁引发Windows 7黑屏
问题
.docx
C语言高效编程--
高手
支招
C语言高效编程--
高手
支招
高手
支招
防止U盘中毒的五大攻略.docx
高手
支招
防止U盘中毒的五大攻略.docx
串口和USB通信
高手
支招
大家都来看呀,这是个间接用USB口转串口的东西看看,明白都来
高手
支招
零基础学习嵌入式--千锋培训
学习嵌入式需要的基本知识,学习嵌入式之linux的学习,嵌入式学习之零基础学linux,学习嵌入式之学习linux命令,选择一本工具书学linux,选择适合你学习嵌入式的linux版本,养成在命令行下工作,多进社区学习,勤于...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章