<html>
<body>
<input type=button value='distance' onclick="alert('distance:' + calDis(lefte,righte))">
<script>
function calDis(oLeft,oRight)
{
return (relativeL(oRight) - relativeL(oLeft) - oLeft.offsetWidth);
}
function relativeL(oElement)
{
var ndis = 0;
while(oElement.tagName != "BODY")
{
ndis += oElement.offsetLeft;
oElement = oElement.offsetParent;
}
return ndis;
}
</script>
<input id='lefte' type=button value='button'> <input id='righte' type=text>
</body>
</html>
is ok?
<body>
<input type=button value='distance' onclick="alert('distance:' + calDis(lefte,righte))">
<script>
function calDis(oLeft,oRight)
{
return (relativeL(oRight) - relativeL(oLeft) - oLeft.offsetWidth);
}
function relativeL(oElement)
{
var ndis = 0;
while(oElement.tagName != "BODY")
{
ndis += oElement.offsetLeft;
oElement = oElement.offsetParent;
}
return ndis;
}
</script>
<input id='lefte' type=button value='button'> <input id='righte' type=text>
</body>
</html>
is ok?
<body>
<input type=button value='distance' onclick="alert('distance:' + calDis(lefte,righte))">
<script>
function calDis(oLeft,oRight)
{
return (relativeL(oRight) - relativeL(oLeft) - oLeft.offsetWidth);
}
function relativeL(oElement)
{
var ndis = 0;
while(oElement.tagName != "BODY")
{
ndis += oElement.offsetLeft;
oElement = oElement.offsetParent;
}
return ndis;
}
</script>
<input id='lefte' type=button value='button'> <br><br><br><br><br><br><br><br> <input id='righte' type=text>
</body>
</html>
不是
<body>
<input type=button value='distance' onclick="alert('distance:' + calDis(lefte,righte))">
<script>
function calDis(oLeft,oRight)
{
return (relativeL(oRight) - relativeL(oLeft) - oLeft.offsetTop);
}
function relativeL(oElement)
{
var ndis = 0;
while(oElement.tagName != "BODY")
{
ndis += oElement.offsetTop;
oElement = oElement.offsetParent;
}
return ndis;
}
</script>
<input id='lefte' type=button value='button'> <br><br><br><br><br><br><br><br> <input id='righte' type=text>
</body>
</html>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<form name=myform>
<br><br><br>
<input type=button onclick=count() value=button name=bt>
<br><br><br>
<input type=text name=text>
</form>
<script language=javascript>
function count()
{
alert(document.myform.text.offsetTop-document.myform.bt.offsetTop)
}
</script></BODY>
</HTML>