Getting cords

I'm using script.aculo.us draggables, and how would I go about finding the cords for a dragged box. I've searched and found two threads about this topic but they don't work/I don't understand them.

If you know how to find the cords, please post. +rep

Code:

---

var x;
var y;
var element;

element = $('elementName');

x = element.offsetLeft;
y = element.offsetTop;

---

I think?

The can I just save the cords using a cookie?

bumppp

Edited by Yoshimitsui (Super Moderator): Please do not multiple post.

Why would you want to save them in a cookie for?

What are you trying to do? :s

I want it so a user can go on this page, drag boxes where they want to, then save it. (this'll be their profile page)

Quote:

---

Originally Posted by BOX!

I want it so a user can go on this page, drag boxes where they want to, then save it. (this'll be their profile page)

---

Then they'll empy their cookies and it'll all be gone?

Quote:

---

Originally Posted by BOX!

I want it so a user can go on this page, drag boxes where they want to, then save it. (this'll be their profile page)

---

Well save it in MySQL.. because when a user clears his cookies.. everything saved will be gone..

Mkay;

I still don't know how to physically view the cords though (I know how to find them)

Code:

---

document.write(x)
document.write(y)

---

Presuming you have set the variables like shown above.

I just have the code Caleb gave me.

Then echo the variables by using document.write as shown.

Code:

---

var x;
var y;
var element;

element = $('elementName');

x = element.offsetLeft;
y = element.offsetTop;

document.write(x);
document.write(y);

---

The variables are stored in x and y.. that's how you access them..

Alright, thanks. How would I turn them into a PHP variable?

You've got to get them to PHP first.. which would be an AJAX Request.. and since you're using Prototype, just use Ajax.Request.

Could do something like this (messy but yeah)

Code:

---

document.write("<a href='save.php?x=" + x + "&y=" + y + "'>Save your co-ords!</a>");

---

Thanks Robbie and Caleb, I know what to do now.