Я хотел бы получить координаты a, но я не могу понять, как это сделать. Я попытался использовать style.scrollTop, style.top, но я не могу получить ничего ... В моей функции posX = undefined и posXX == nada
Буду признателен за помощь.
Код:
<html>
<title>
YOP
</title>
<head>
<style TYPE="text/css">
<!--
div.background{
width:450px;
height:450px;
background:url(plasmid.jpg) no-repeat;
border:2px solid black;
}
div.transbox{
top:0;
left:0;
width:150px;
height:150px;
margin:5px 5px;
background-color:#ff0000;
border:1px solid black;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
cursor: move;
}
-->
</style>
<script type="text/javascript" >
function MoveIt(){
obj = document.getElementById("arect");
posX = obj.style.scrollTop;
posXX = obj.style.top;
alert("x:"+posX + " xx:"+posXX);
}
</script>
</head>
<body bgcolor="white" >
<div class="background" id="MyDiv2">
<div id="arect" name="arect" class="transbox" onmousedown="MoveIt();" >
</div>
</div>
</body>
</html>