CSS/Javascript Help

[ThisNameWillDo!]

Hey, I have another problem, this one more javascript. I have a script that allows users to drag and drop certain divs anywhere they like. However, when the page is refreshed, the position is reset to default. Does anyone know how I can make it save the position? Perhaps using cookies or something?

+Rep for any help.

Thank you.

[Protege]

I wouldn't recommend cookies really. You need the locations to be saved somewhere, and then you will need to reposition them accordingly with the saved data.

[ThisNameWillDo!]

I wouldn't recommend cookies really. You need the locations to be saved somewhere, and then you will need to reposition them accordingly with the saved data.

Okay then, how would I do that? The current script I have:


<!--;
var pickedUp = new Array("", false);
function getReadyToMove(element, evt) {
pickedUp[0] = element;
pickedUp[1] = true;
}

function checkLoadedObjects(evt) {
if (pickedUp[1] == true) {
var currentSelection = document.getElementById(pickedUp[0]);

currentSelection.style.position = "fixed";
currentSelection.style.top = (evt.clientY + 1) + "px";
currentSelection.style.left = (evt.clientX + 1) + "px";
}
}

function dropLoadedObject(evt) {
if (pickedUp[1] == true) {
var currentSelection = document.getElementById(pickedUp[0]);
currentSelection.style.position = "fixed";
currentSelection.style.top = (evt.clientY + 1) + "px";
currentSelection.style.left = (evt.clientX + 1) + "px";
pickedUp = new Array("", false);
}
}

//-->