社区
JavaScript
帖子详情
急!!!!!有没有办法可以动态调整表格的边框?
sonic616
2002-01-24 10:10:59
比如一个表:<table border=1>
<tr>
<td>dfgdfg</td>
<td>asdfasdlkfjasdlk</td>
</tr>
</table>
有没有办法拖拉两个td之间的border来动态调整两个格占的大小?谢谢!!!非常着急!!!分不够再加,谢谢啦!!!
...全文
108
12
打赏
收藏
急!!!!!有没有办法可以动态调整表格的边框?
比如一个表: dfgdfg asdfasdlkfjasdlk 有没有办法拖拉两个td之间的border来动态调整两个格占的大小?谢谢!!!非常着急!!!分不够再加,谢谢啦!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
12 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
dennisboys
2002-01-24
打赏
举报
回复
<table border=1 onmouseover=this.style.borderStyle='dotted'>
<tr>
<td>dfgdfg</td>
<td>asdfasdlkfjasdlk</td>
</tr>
</table>
sonic616
2002-01-24
打赏
举报
回复
或者是能往frame的border上添加东西(比如图片)的方法也行!
请各位帮忙up一下!谢谢啦!!!
sonic616
2002-01-24
打赏
举报
回复
请各位帮忙up一下!谢谢啦!!!
孟子E章
2002-01-24
打赏
举报
回复
表格的边框没有事件可捕捉的,只能放到别的元素上!
vxhelp
2002-01-24
打赏
举报
回复
在mousedown里计下event.x ,event.y 为 x1,y1
在mousemove中,如果按下鼠标左键计下 event.x,event.y 为 x2,y2,
td1.style.width+=x2-x1
td1.style.height+=x2-y2
大概是这样,
nothing
2002-01-24
打赏
举报
回复
基本能用,你再改改。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="javascript">
var old_clientX = 0;
var old_width = 0;
var down = 0;
function msDown(id) {
f1.inpute.value = "msDown";
f1.x.value = event.clientX;
f1.y.value = event.clientY;
f1.o2.value = "";
down = 1;
old_clientX = event.clientX;
eval("old_width = " + id + ".style.width");
}
function msUp(id) {
f1.inpute.value = "msUp";
f1.x.value = event.clientX;
f1.y.value = event.clientY;
down = 0;
}
function msMove(id) {
f1.inpute.value = "msMove";
f1.x.value = event.clientX;
f1.y.value = event.clientY;
if(down == 1) {
w = parseInt(old_width) + (parseInt(event.clientX)-parseInt(old_clientX));
eval(id + ".style.width = w;");
}
}
function doc_msMove() {
f1.o2.value = "doc_msMove()";
}
</script>
</head>
<body onMouseMove="doc_msMove()">
<form name=f1>
Event:<input name="inpute">Other:<input name="o2"><br>
x:<input name="x"><br>
y:<input name="y"><p>
</form>
<table border=1 width=100%>
<tr>
<td id=td11 style="width : 200px;">TD1</td>
<td style="width : 15px;background-color : Silver;"
onMouseDown="msDown('td11')" onMouseUp="msUp('td11')" onMouseMove="msMove('td11')">
</td>
<td>TD2</td>
</table>
</body>
</html>
sonic616
2002-01-24
打赏
举报
回复
非常非常感谢net_lover(孟子E章),先给你分,不过您给我的这个还是不太理想,我想的是通过拖动两个格之间的边来调节每个格的大小,请继续指示,谢谢!!!
孟子E章
2002-01-24
打赏
举报
回复
<script>
function dg()
{
document.all.td1.width=window.event.clientX -6
}
</script>
<body leftmargin=0 onmousemove="dg()">
<table border=0 cellspacing=1 bgcolor=white>
<tr bgcolor=red>
<td id=td1>test</td>
<td width=2 style="cursor:crosshair"><img src="1.gif" width=1 ></td>
<td id=td2>test</td>
</tr>
<tr bgcolor=red>
<td>d</td>
<td></td>
<td>test</td>
</table>
supershot
2002-01-24
打赏
举报
回复
那就用JAVASCRIPT来做整个TABLE
zzh54zzh
2002-01-24
打赏
举报
回复
i'm upper
zzh54zzh
2002-01-24
打赏
举报
回复
upup
sonic616
2002-01-24
打赏
举报
回复
谢谢dennisboys!可是你没给我这个自己定义的style啊,在我这里等于什么都没有,就是普通的表格,请快回复,谢谢!!!
解决elementui
表格
边框
错位问题
当elementui中的
表格
出现滚动条,拖拽的时候出现
边框
样式错位了怎么办,别
急
,让我来告诉你 今天下午开开心心的写代码的时候突然发现我在饿了么中使用的
表格
组件,当我把滚动条拖到最右边的时候,竟然出现了样式错位...
excel信息表怎么转换成word形式?在线免费转换2步完成
Word也可以制作
表格
,不过自己输入
表格
还需要
调整
表格
边框
。所以一般用Excel制作好
表格
后,在转换为Word格式把文件发到群里然后再接收并填写。 Excel
表格
有统计功能,如果需要我们填写相关的可以用函数解决问题。这...
excel转word后
表格
超出页面_excel转word后
表格
显示不全
excel转word后
表格
显示不全Excel插入word中,这样保存的全面的数据又能看到文字,领导比较喜欢看,那么有时excel显示不全是怎么回事呢?方法/步骤1、对于出现插入
表格
是这个形式的情况我们就要利用段落的间距来条整...
MySQL数据导出为Word
表格
完整操作指南
回顾整个流程,我们可以把它分成五个阶段:连接数据库→ 用MySQL-Front或SSH隧道安全接入;编写SQL→ 精准提取所需数据,避免全表扫描;导出CSV→ 使用UTF-8+BOM+文本限定符保障完整性;导入Word→ 利用“将文字转换...
Excel 电子
表格
运用技巧汇总
Excel电子
表格
运用技巧汇总 Leo @ 2005-4-2513:53 Excel XP的八则快速输入技巧 如果我们在用Excel XP处理庞大的数据信息时,不注意讲究技巧和方法的话,很可能会花费很大的精力。因此如何巧用Excel XP,来...
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章