Topic awaiting preservation: moving Layers ? (Page 1 of 1)

Can someone look at this page:
http://home.mindspring.com/~curtadkins/dHTML/

And tell me *why* that when you click on one of the links, the DIV restarts at the top of the page and then moves?

Thanks in advance.

Later,
C:\


~Binary is best~

In order to read initial CSS values, you must specify them directly in <DIV> tag via STYLE attribute... Like this:

<div id="cDiv" style="position:absolute;left:100;top:100;padding:10px;border:1px solid #000000;background-color:red;">TEST</div>

In addition to that, you also need to modify your code setSlider() function:

var curX = parseInt(myObj.left);
var curY = parseInt(myObj.top);

Calling parseInt() function is needed because, standards complaint web browsers will actually return string (i.e. "100px") instead of number...

Thank you very much. I'm off to try it.

quote:

---

Calling parseInt() function is needed because, standards complaint web browsers will actually return string (i.e. "100px") instead of number...

---

That was a lot of help DOH!

Later,
C:\


~Binary is best~

OK, just tried it and it worked great.

I am just a little confused about the style calling from the acutal div instead of a style tag.

So the JavaScript can't read the initial values from a style sheet? That's weird. I always kind of thought that that is what dHTML did.

Man, this is starting to sink in but then again it also starts to get more difficult.

Thanks again for the help!

Later,
C:\


~Binary is best~

I believe there's a currentStyle property that holds the current calculated style information of an element. I'm not sure how standard this is, though.