87,993
社区成员
发帖
与我相关
我的任务
分享急！！！！！有没有办法可以动态调整表格的边框？
比如一个表:<table border=1>
<tr>
<td>dfgdfg</td>
<td>asdfasdlkfjasdlk</td>
</tr>
</table>
有没有办法拖拉两个td之间的border来动态调整两个格占的大小？谢谢！！！非常着急！！！分不够再加，谢谢啦！！！
<tr>
<td>dfgdfg</td>
<td>asdfasdlkfjasdlk</td>
</tr>
</table>
有没有办法拖拉两个td之间的border来动态调整两个格占的大小？谢谢！！！非常着急！！！分不够再加，谢谢啦！！！
...全文
请发表友善的回复…
发表回复
dennisboys 2002-01-24
- 打赏
- 举报
<table border=1 onmouseover=this.style.borderStyle='dotted'>
<tr>
<td>dfgdfg</td>
<td>asdfasdlkfjasdlk</td>
</tr>
</table>
<tr>
<td>dfgdfg</td>
<td>asdfasdlkfjasdlk</td>
</tr>
</table>
sonic616 2002-01-24
- 打赏
- 举报
或者是能往frame的border上添加东西（比如图片）的方法也行！
请各位帮忙up一下！谢谢啦！！！
请各位帮忙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
大概是这样，
在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>
<!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>
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啊，在我这里等于什么都没有，就是普通的表格，请快回复，谢谢！！！
