Element verschiebbar machen

[blabla333]

Ich erstelle mit Klick auf ein Image per JQuery einen div-Container (kleiner Punkt), welcher an die Stelle gesetzt wird, auf die geklickt wurde. (=div-Container mit position absolute und den ermittelten Werten für top/left innerhalb eines div-Containers mit position relative)

Wie kann ich es nun einrichten, dass dieser Punkt auch verschiebbar ist?

 

[MrMurphy]

Hallo,

was verstehst du in diesem zusammenhang unter "verschiebbar"? Hast du einen Link zur Seite?

Gruss

MrMurphy

 

[Cheffchen]

Hallo,

in dem jquery ui nutzt, Zauberwort ist "Draggable" : Draggable | jQuery UI

Cheffchen

 

[blabla333]

Super, danke. Genau das habe ich gesucht.

edit:
Ich möchte mit dem eventhandler die neue Position erhalten: http://api.jqueryui.com/draggable/#event-stop

Ich mache das im Moment so:

    $(".element").draggable({
        stop: function(e, ui) {
            var pos = $(this).position();    	    alert('top: ' + pos.top+ ', left: ' + pos.left);
        }
    });

Aber ist das korrekt? Es wird doch über ui.position doch direkt die Position übergeben, oder?

 

[scbawik]

Vergleich doch einfach die Rückgabe, dann weißt du es...
Der einzige unterschied ist wahrscheinlich du spart dir eine Zeile:

[LEFT][COLOR=#333333]alert('top: ' + ui.position.top+ ', left: ' + [/COLOR][COLOR=#333333] ui.position[/COLOR][COLOR=#333333].left);[/COLOR][/LEFT]

ui.position.* bezieht sich auf den UI-Helper, $(this) eventuell auf das draggable Element. Also je nach Bedarf, kann allerdings auch gleich sein.