急!!!!!有没有办法可以动态调整表格的边框?

sonic616 2002-01-24 10:10:59
比如一个表:<table border=1>
<tr>
<td>dfgdfg</td>
<td>asdfasdlkfjasdlk</td>
</tr>
</table>

有没有办法拖拉两个td之间的border来动态调整两个格占的大小?谢谢!!!非常着急!!!分不够再加,谢谢啦!!!
...全文
108 12 打赏 收藏 转发到动态 举报
写回复
用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啊,在我这里等于什么都没有,就是普通的表格,请快回复,谢谢!!!

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧