Article View: pl.comp.lang.php
Article #231980Re: Przeciągany div
From: Freja Draco
Date: Fri, 02 Mar 2018 01:38
Date: Fri, 02 Mar 2018 01:38
35 lines
1961 bytes
1961 bytes
W dniu 2018-03-01 o 19:41, Karol pisze:
> Chcę zrobić przeciągany DIV
Z tego, co widzę, w jquery przydajesz obiektowi ruchomość prostym:
$(function() {
$( "#mojobiekt" ).draggable();
});
Bez konieczności tworzenia własnej obsługi przeciągania.
Zabawa z parametrami wskazuje, że działa też dla
position:relative;
https://jqueryui.com/draggable/
https://codepen.io/lrelia/pen/bEyLB
> Drugie pytanie jak pobrać pozycję kursora w DIV które jest przeciągane?
Odczytać:
clientX clientY
offsetTop offsetLeft
i sobie odjąć?
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_event_mouse_clientxy
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_prop_element_offsettop
--
Freja Draco
Kiedy smok jest w pobliżu, nic nie będzie w stanie ci pomóc,
jeśli nie uwzględnisz go w swoich kalkulacjach.
Technical Details
Message-ID:
<5a98ab31$0$671$65785112@news.neostrada.pl>Path:
mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!news.nask.pl!news.nask.org.pl!news.unit0.net!peer01.am4!peer.am4.highwinds-media.com!peer03.fr7!futter-mich.highwinds-media.com!news.highwinds-media.com!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-a-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mailReferences:
<5a98496c$0$670$65785112@news.neostrada.pl>Show Full Headers
Complete Article Headers
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!news.nask.pl!news.nask.org.pl!news.unit0.net!peer01.am4!peer.am4.highwinds-media.com!peer03.fr7!futter-mich.highwinds-media.com!news.highwinds-media.com!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-a-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail Subject: Re: Przeciągany div Newsgroups: pl.comp.lang.php References: <5a98496c$0$670$65785112@news.neostrada.pl> From: Freja Draco <frreja@poczta.fm> Date: Fri, 2 Mar 2018 02:38:58 +0100 User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:38.0) Gecko/20100101 Thunderbird/38.7.2 MIME-Version: 1.0 In-Reply-To: <5a98496c$0$670$65785112@news.neostrada.pl> Lines: 35 Message-ID: <5a98ab31$0$671$65785112@news.neostrada.pl> Organization: Telekomunikacja Polska NNTP-Posting-Host: 83.30.128.144 X-Trace: 1519954737 unt-rea-a-01.news.neostrada.pl 671 83.30.128.144:18666 X-Complaints-To: abuse@news.neostrada.pl X-Received-Body-CRC: 3743361764 X-Received-Bytes: 1856 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit