+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: jQuery Drag&Drop (/thread-jquery-drag-drop)
jQuery Drag&Drop - Marys - 08-12-2012
witam,
trochę już się zawiesiłem na wyżej wymieniony temat. Chcę sobie zrobić przesuwanie elementu do drugiego elementu za pomocą drag&drop. Chciałbym to zrobić tak, że jak element zbliżmy do celu do automatycznie się wycentruje w tym celu (pokryje go całego) i do tego doszedłem. Teraz mam inny problem bo jak już mi się ładnie to ustawiło to nie mogę tego z powrotem wyciągnąć :/ Krótko mówiąc chciałbym osiągnąć podobny efekt co tutaj http://www.elated.com/res/File/articles/development/javascript/jquery/drag-and-drop-with-jquery-your-essential-guide/card-game.html (ten tutorial coś mi nie działa) tylko że jeszcze chciałbym wyciągać elementy z powrotem. Coś takiego jak w tej grze http://www.gry.pl/gra/Mastermind.html
Nie wiem jak już to ma wyglądać
RE: jQuery Drag&Drop - Kartofelek - 09-12-2012
skorzystaj z:
- jquery UI drag drop
- zdarzeń dla tego przesuwania : http://api.jqueryui.com/draggable/#event-drag
- aktualnej pozycji przesuwanego elementu (patrz powyższy punkt)
- wyliczenia środka celu za pomocą $(....).width() i $(....).width()
- animacji $(.....).animate do tego środka
RE: jQuery Drag&Drop - Marys - 10-12-2012
Dobra zrobiłem to, ale trochę kiepsko to działa, pytanie czy da się to jakoś poprawić. Pewnie jest trochę błędów.
HTML
http://wklej.to/POWCh
JS
http://wklej.to/jVjkJ
CSS
http://wklej.to/x0wfq
Nie działa to idealnie, ale ma taką funkcjonalność jak chciałem. Pytanie co tu jeszcze można poprawić.