Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Przeciąganie elementów między dwoma kontenerami, JS, niestandardowe
cisu
post
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 1
Dołączył: 15.03.2008
Skąd: Mirostowice Dolne

Ostrzeżenie: (0%)
-----


Witam,

opiszę niżej co potrzebuję zrobić i proszę o pomoc.

Mam dwie listy z elementami (powiedzmy że div z innymi divami w środku).
Teraz po przeciągnięciu elementów z tej pierwszej do drugiej zostaje dodany taki element do drugiej listy, jednocześnie z pierwszej listy ten element nie znika.
Po przeciągnięciu elementu z drugiej listy do pierwszej, zostaje on usunięty z drugiej listy, ale nie jest dodany do pierwszej.

Wiem, że w jQuery UI jest sortable z connectWith, ale nie do końca to działa tak jak ja bym tego chciał.
Czy ktoś może podpowiedzieć jak zrobić coś takiego, ew. przerobić to z jQuery UI?

Pozdrawiam (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
golabow
post
Post #2





Grupa: Zarejestrowani
Postów: 53
Pomógł: 17
Dołączył: 4.07.2014

Ostrzeżenie: (0%)
-----


Napisałem taki skrypt, może Ci pomoże:
Skrypt js

Zaznaczam że wtyczka do sprawdzania miejsca upuszczenia elementu nie jest napisana przeze mnie.

Ten post edytował golabow 15.09.2014, 16:28:15
Go to the top of the page
+Quote Post
kalipek
post
Post #3





Grupa: Zarejestrowani
Postów: 43
Pomógł: 13
Dołączył: 3.02.2011

Ostrzeżenie: (0%)
-----


Używając wyłącznie sortable http://jsfiddle.net/6Ln2frg9/
Go to the top of the page
+Quote Post
r4xz
post
Post #4





Grupa: Zarejestrowani
Postów: 673
Pomógł: 106
Dołączył: 31.12.2008

Ostrzeżenie: (0%)
-----


A tutaj z użyciem droppable i draggable - http://jsfiddle.net/hgkm7h6r/2/

Update, zapomniałem o 'scope' (IMG:style_emoticons/default/smile.gif)

Ten post edytował r4xz 15.09.2014, 17:00:19
Go to the top of the page
+Quote Post
cisu
post
Post #5





Grupa: Zarejestrowani
Postów: 157
Pomógł: 1
Dołączył: 15.03.2008
Skąd: Mirostowice Dolne

Ostrzeżenie: (0%)
-----


Dzięki za pomoc (IMG:style_emoticons/default/smile.gif) Co prawda żaden z powyższych przykładów nie działa dokładnie tak jak trzeba, ale dam sobie z resztą już radę(IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 10:50