functon getDim(element)
{
for (var leftX=0,leftY=0; element!=null; )
{
leftX += element.offsetLeft;
leftY += element.offsetTop;
element = element.offsetParent;
} return {x:leftX, y:leftY}
}用上面这个函数就可以获取对象左上角的绝对位置,只要配合对象的width和height就可以相应得到右下角的绝对坐标了!
{
for (var leftX=0,leftY=0; element!=null; )
{
leftX += element.offsetLeft;
leftY += element.offsetTop;
element = element.offsetParent;
} return {x:leftX, y:leftY}
}用上面这个函数就可以获取对象左上角的绝对位置,只要配合对象的width和height就可以相应得到右下角的绝对坐标了!
解决方案 »
- 请教事件冒泡和事件捕捉的写法
- 动态创建的td对指定给它的onclick不响应 也不报错
- jsp中的button onclick事件失效
- 急,各路javascript神仙请进,onclick和onload问题?
- 求助,请问文本框的onchange事件和onblur事件效果好像一样???
- net_lover(孟子E章) 麻烦进一下
- 表中的一行有一定寬這一行的最后一列的寬怎麼設為這一行余下來的寬度,但問題是我不知前面各列的寬???
- 怎樣實現點繫按鈕刷新本網頁?
- 怎样动态添加listbox的一个子项????
- JS两个页面之间实现淡入淡出效果
- 谁知道那里有JavaScript函数速查的软件,谢谢,急用。
- 巨难的问题:文本的无损压缩和还原。
tdA.rightBottomX = tdA.x + document.all.a.width;
tdA.rightBottomY = tdA.y + document.all.a.width;
{
var l=e.offsetLeft; while(e=e.offsetParent) l += e.offsetLeft; return l;
}function getObjectTop(e)
{
var t=e.offsetTop; while(e=e.offsetParent) t += e.offsetTop; return t;
}
... ...
<html xmlns:v="urn:schemas-microsoft-com:vml">
<title>网页中的斜线表格</title>
<style>
v\:* {Behavior: url(#default#VML);}
body {margin: 0px; font-size: 12px;}
</style>
<body>
<table width="200" cellspacing="1" cellpadding="5" bgcolor="black" style="position:absolute;left:0;top:0;">
<tr bgcolor="white"><td> </td><td> </td></tr>
<tr bgcolor="white"><td> </td><td> </td></tr>
</table>
<v:line from="0,0" to="100,28" style="position:relative;"/>
<div style="position:absolute;left:60;top:4;">月度</div>
<div style="position:absolute;left:2;top:15;">销售量</div>
</html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<title>网页中的斜线表格</title>
<style>
v\:* {Behavior: url(#default#VML);}
body {margin: 0px; font-size: 12px;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getObjectLeft(e)
{
var l=e.offsetLeft; while(e=e.offsetParent) l += e.offsetLeft; return l;
}
function getObjectTop(e)
{
var t=e.offsetTop; while(e=e.offsetParent) t += e.offsetTop; return t;
}
window.onload=function()
{
var line1 = document.all["line1"];
var td1 = document.all["td1"];
alert(td1.style.height);
line1.from = getObjectLeft(td1) +"," + getObjectTop(td1);
line1.to = getObjectLeft(td1)+td1.style.width +"," + getObjectTop(td1)+td1.style.height;
}
//-->
</SCRIPT>
<body>
<BR><BR><BR><BR><BR>
<table width="200" cellspacing="1" cellpadding="5" bgcolor="black" id="table1">
<tr bgcolor="white"><td id="td1" style="width:50;height: 30;"></td><td></td></tr>
<tr bgcolor="white"><td> </td><td> </td></tr>
<tr bgcolor="white"><td> </td><td> </td></tr>
</table>
<v:line style="position:relative;" id="line1"/>
</html>