div boxen verschieben, speichern & Laden

Fragz · 23. Januar 2011, 03:08

HiHo,

Ich suche ein einfaches Howto oder Beispiel wie ich bequem per Ajax mehrere Boxen verschieben kann und diese beim nächsten Aufruf bestehen bleiben.
Hat da evtl wer einen Link oder Code?

Gruß

Torben Brodt · 26. Januar 2011, 21:38

Hi,
Tutorial? Für sowas? Was hältst du davon wenn du ein Tutorial dafür in unserem Wiki erstellst?

Beginnen wir erstmal mit drag + drop:
aktuell.de.selfhtml.org/artikel/javascript/draganddrop/

Dann stattest du deine DIVs mit einer ID aus.

Dann änderst du die dragstop Funktion um:

Quellcode

function dragstop() {
//Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
ajaxPost('savePosition.php', { id: dragobjekt.id, x: dragx, y: y.dragy});
dragobjekt=null;
}

Und beim Laden der Seide lädst du die Positionen eben aus deiner Datenbank

div boxen verschieben, speichern & Laden

div boxen verschieben, speichern & Laden

Quellcode

Teilen

Tags