Jeg er støt ind i et lille problem, jeg prøver at finde position på de links som er på siden..
men når den køre i window.onload=function() skriver DIV(test) position (60x58 url: #8)
men det passer ikke for den passer med (60x58 url: #7) hvis man føre musen over Link 2,4
som er #8 så skriver den (79x58 url: #8) hvad gør jeg forkert?
det skal lige siges at position nummer ikke er de samme i firefox som i IE. Men det er ikke det som er problemet.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/JavaScript">
var eTop, eLeft;
function getPosX(obj)
{
var curleft = 0;
if (obj.offsetParent){
while (obj.offsetParent){
curleft += obj.offsetLeft;
obj = obj.offsetParent;
}
}
else if (obj.x)
curleft += obj.x;
return curleft;
}
function getPosY(obj)
{
var curtop = 0;
if (obj.offsetParent){
while (obj.offsetParent){
curtop += obj.offsetTop;
obj = obj.offsetParent;
}
}
else if (obj.y)
curtop += obj.y;
return curtop;
}
function addEvent(obj, ev, fn)
{
if (obj.addEventListener)
{
return obj.addEventListener(ev, fn, false);
} else {
return obj.attachEvent("on" + ev, fn);
}
}
function eMouse(e)
{
if(!e)
{
var e = window.event;
}
if(e.srcElement)
{
var e = e.srcElement;
}
else if(e.target)
{
var e = e.target;
}
if (e.tagName == "A")
{
eTop = getPosY(e);
eLeft = getPosX(e);
document.getElementById("test").innerHTML=eTop+'x'+eLeft+' url: '+e;
}
}
function eKey(e)
{
alert(e.keyCode+': '+eTop+'x'+eLeft);
}
window.onload = function()
{
addEvent(document, "keydown", eKey);
addEvent(document, "mousemove", eMouse);
var objAll = document.getElementsByTagName("*");
for (i = 0; i < objAll.length; i++)
{
if (objAll[i].tagName == "A")
{
var e = objAll[i];
}
}
eTop = getPosY(e);
eLeft = getPosX(e);
document.getElementById("test").innerHTML=eTop+'x'+eLeft+' url: '+e;
}
</script>
</head>
<body>
<div id="test"></div>
<table>
<tr>
<td>
<a href="#1">Link 1,1</a><br>
<a href="#2">Link 1,2</a><br>
<a href="#3">Link 1,3</a><br>
<a href="#4">Link 1,4</a>
</td>
<td>
<a href="#5">Link 2,1</a><br>
<a href="#6">Link 2,2</a><br>
<a href="#7">Link 2,3</a><br>
<a href="#8">Link 2,4</a>
</td>
</tr>
</table>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
