Getting the position of a layer 1

adam0101 · Jul 23, 2003

This is driving me nuts!! Why wouldn't the alert box show 130?

<html>
<head>
<style>
#test{position:relative;left:130px;}
</style>
</head>
<body onload="alert(parseInt(document.getElementById('test').style.left))">

<div id="test"></div>

</body>
</html>

Adam

adam0101 · Jul 23, 2003

Got it,
I used alert(parseInt(document.getElementById('test').offsetLeft))

Adam

dwarfthrower · Jul 23, 2003

http://msdn.microsoft.com/library/d.../author/dhtml/reference/objects/obj_style.asp

The 'style' object represents the current settings of all possible inline styles for a given element.

Code:

alert(parseInt(document.styleSheets[0].rules[0].style.left))

Will retrieve the appropriate value. Though if you want to find the rule by name, you'll need to loop through the rules array until you find one where rules.selectorText == '#test'

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Getting the position of a layer 1

adam0101

Programmer

adam0101

Programmer

dwarfthrower

Programmer

Similar threads

Part and Inventory Search

Sponsor