Getting cords

[wsg14]

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

[Dentafrice]

var x;
var y;
var element;

element = $('elementName');

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


I think?

[wsg14]

The can I just save the cords using a cookie?

[wsg14]

bumppp

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

[Dentafrice]

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

What are you trying to do? :s

[wsg14]

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)

[Fehm]

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?

[Dentafrice]

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..

[wsg14]

Mkay;

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

[Robbie]

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

Presuming you have set the variables like shown above.

[wsg14]

I just have the code Caleb gave me.

[Robbie]

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


var x;
var y;
var element;

element = $('elementName');

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

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

[Dentafrice]

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

[wsg14]

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

[Dentafrice]

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.

[Robbie]

Could do something like this (messy but yeah)



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

[wsg14]

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