Offset Draggable

[Ren93]

Buongiorno a tutti,

ho questo codice javascript.
Vorrei che le coordinate X e Y fossero in riferimento al div contenitore-mappa.

Qualcuno può aiutarmi? Grazie

[Ren93]

Chiedo venia, riporto il codice nella giusta formattazione. Grazie

        $("div.contenitore-mappa").ready(function () {
            var $dragging = null;


            $("div.contenitore-mappa").on("mousemove", function (e) {
                if ($dragging) {
                    $dragging.offset({
                        top: e.pageY,
                        left: e.pageX
                    });
                }
            });


            $("div.contenitore-mappa").on("mousedown", "div#icona_move", function (e) { 
                $dragging = $(e.target);


                var dispo = $(this).attr("title").split('_');


                $("input#ContentPlaceHolder1_tb_tipoPer").attr("value", dispo[0]);
                $("input#ContentPlaceHolder1_tb_idDispo").attr("value", dispo[1]);
                $("input#ContentPlaceHolder1_tb_x").attr("value", null);
                $("input#ContentPlaceHolder1_tb_y").attr("value", null);
                var dispo = null;
            });


            $("div.contenitore-mappa").on("mouseup", "div#icona_move", function (e) {
                $dragging = null;


                var dispo = $(this).attr("title").split('_');


                $("input#ContentPlaceHolder1_tb_tipoPer").attr("value", dispo[0]);
                $("input#ContentPlaceHolder1_tb_idDispo").attr("value", dispo[1]);
                $("input#ContentPlaceHolder1_tb_x").attr("value", e.pageX);
                $("input#ContentPlaceHolder1_tb_y").attr("value", e.pageY);
            });
        });

[lucavizzi]

Non puoi ottenerle direttamente, dovrai calcolarle.

            $("div.contenitore-mappa").on("mousemove", function (e) {
                if ($dragging) {
                    var holderOffset = $(this).offset();
                    $dragging.offset({
                        top: e.pageY - holderOffset.top,
                        left: e.pageX - holderOffset.left
                    });
                }
            });