Hallo zusammen,
ich habe bisschen rumgestöbert und paar interessante Funktionen gefunden: draggable und resizeable un jquery-ui.
Das verschieben von IMG und Größe ändern klappte auch auf Anhieb. Schön wäre es, wenn die verschobenen und resizededten Objekte nach dem neuladen der Seite auch gespeichert werden würden. Dazu müsste man an die Bildkoordinaten heran kommen.
Habe beim Rumgoogeln folgendes gefunden:
https://forum.jquery.com/topic/save-position-of-draggable-item
Hier der entscheidende Code:
Und direkt ausprobiert. Das klappt einwandfrei, nur werden die Daten nicht offen gezeigt, sondern einfach nur lokal in einem Cookie gespeichert. Wenn ich also auf dem gleichen Rechner die Seite neu öffne, sind die Bilder immer noch dort, wo ich sie vorher hingeschoben habe.
Ich habe auch versucht, die Position der Bilder nach dem Verschieben mit alert(ui.position) anzeigen zu lassen, aber da wurde nur objekt Objekt oder so angezeigt. Ich kann auch nicht in das Cookie hineinschauen. Das steckt wohl in Chrome in der Datei Cookies, die ja eine SQL3 Datei sein soll.
Wie komme ich nach dem Verschieben an die aktuellen Positionsdaten heran?
Danke und viele Grüße
Karl
ich habe bisschen rumgestöbert und paar interessante Funktionen gefunden: draggable und resizeable un jquery-ui.
Das verschieben von IMG und Größe ändern klappte auch auf Anhieb. Schön wäre es, wenn die verschobenen und resizededten Objekte nach dem neuladen der Seite auch gespeichert werden würden. Dazu müsste man an die Bildkoordinaten heran kommen.
Habe beim Rumgoogeln folgendes gefunden:
https://forum.jquery.com/topic/save-position-of-draggable-item
Hier der entscheidende Code:
Code:
$(function(){
var sPositions = localStorage.positions || "{}",
positions = JSON.parse(sPositions);
$.each(positions, function (id, pos) {
$("#" + id).css(pos)
})
$("#draggable3").draggable({
containment: "#containment-wrapper",
scroll: false,
stop: function (event, ui) {
positions[this.id] = ui.position
localStorage.positions = JSON.stringify(positions)
}
});
});
Und direkt ausprobiert. Das klappt einwandfrei, nur werden die Daten nicht offen gezeigt, sondern einfach nur lokal in einem Cookie gespeichert. Wenn ich also auf dem gleichen Rechner die Seite neu öffne, sind die Bilder immer noch dort, wo ich sie vorher hingeschoben habe.
Ich habe auch versucht, die Position der Bilder nach dem Verschieben mit alert(ui.position) anzeigen zu lassen, aber da wurde nur objekt Objekt oder so angezeigt. Ich kann auch nicht in das Cookie hineinschauen. Das steckt wohl in Chrome in der Datei Cookies, die ja eine SQL3 Datei sein soll.
Wie komme ich nach dem Verschieben an die aktuellen Positionsdaten heran?
Danke und viele Grüße
Karl
Zuletzt bearbeitet von einem Moderator: