Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<script type="text/javascript">
function menuinput(data)
{
var GetDataInfo = document.getElementById(data).style;
y = GetDataInfo.top;
x = GetDataInfo.left;
alert("Element: "+data+"\nx: "+x+"\ny: "+y);
}
</script>
<style>
.css1 {background: #ffffff; width: 800px; height: 300px; position: relative; border: 1px solid #000000;}
.css2 {margin: 5px; background: #999999; width: 100px; float: right; position: relative; border: 1px solid #000000;}
</style>
</head>
<body>
<div class="css1">
<div class="css2" id="test" onmouseover=menuinput(this.id)>Visa X och Y</div>
<div style="margin: 5px;">Jag vill veta vad X och Y blir utan att behöva ange ett värde.</div>
</div>
Edit: Löste det själv, dock ej exakt som nedan men liknade. Ändrade också this.id till bara this.
Code: Select all
function menuinput(data)
{
y = data.offsetParent.offsetTop + data.offsetTop;
x = data.offsetParent.offsetLeft + data.offsetLeft;
alert("Element: "+data+"\nx: "+x+"\ny: "+y);
}