🚀 go-pugleaf

W dniu 2018-03-01 o 19:41, Karol pisze:
> Chcę zrobić przeciągany DIV
> Ma działać tak
> Chwytam myszą za "plywajacy_div_belka" i przeciągam
> W większym DIV jest kilka DIV id="plywajacy_div"
>
>
> Co zrobiłem
> <html>
>   <head>
>     <script >
>       down = false;
>       oldx = 0;
>       oldy = 0;
> </head>
> <body>
> Tak zdefionwany div
>
> <div id="plywajacy_div" class="plywajacy_div">
>
>   <div id="plywajacy_div_belka"  ><br><br><br></div>
>
>
>
> plywajacy_div  dddddddddddddddddddddddddddddddddddd<br>
>
> plywajacy_div<br>
>
> plywajacy_div<br>
>
> plywajacy_div<br>
>
> plywajacy_div<br>
>
> </div>
>
>
>
> <script>
> var moveDiv = document.getElementById('plywajacy_div');
> $("#plywajacy_div").css("background", "red");
> $("#plywajacy_div_belka").css("background", "green");
> $('#plywajacy_div_belka').on("mousemove", function(e) {
>
>   if(down) {
>     var x = e.pageX;// - moveDiv.offsetLeft;
>     var y = e.pageY;// - moveDiv.offsetTop;
>       moveDiv.style.left = (x-15) + 'px';
>       moveDiv.style.top = (y-15) + 'px';
>     }
> });
> $("#plywajacy_div_belka").mousedown(function() {
>     $('#plywajacy_div').css('position', 'fixed');
>    //$('#plywajacy_div').css('position', 'relative');
>
>
>
>            down = true;
>        }).mouseup(function() {
>            down = false;
>        }).mouseout(function() {
>            down = false;
>        });
>
>  </script>
> </body
>
> Niestety działa to tylko przy
> $('#plywajacy_div').css('position', 'fixed');
> pytanie jak to zrobić przy
> $('#plywajacy_div').css('position', 'relative');?
>
> Drugie pytanie jak pobrać pozycję kursora w DIV które jest przeciągane?
>
>
jeszcze jedno jak zablokować obszar przeciągania do obszaru rodzica?