document.getElementById().style ?

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
User avatar
fantasya
Posts: 113
Joined: 2004-11-15 22:35:13

document.getElementById().style ?

Post by fantasya »

Jag vill gärna veta varför jag inte får några värden, dock vill jag inte ange något värde innan.

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);
   }
Post Reply