drag & drop w jquery

Thread View: pl.comp.lang.javascript

5 messages

[T] Back to Threads [V] Tree View [G] Group Articles

5 total messages Started by Michal Jedryka Thu, 12 Aug 2010 12:22

#50199

Author: Michal Jedryka
Date: Thu, 12 Aug 2010 12:22

9 lines
1357 bytes

Dzień dobry
ktoś zna dobry poradnik do jquery ui? musze zrobić drag and drop.
Umiem juz ciągnąć i spuszczać ;) ale nie umiem wyłuskać co ciągnę i
dokąd ;)
Nie jestem ekspertem od js :(

Pozdrowienia

MJ

Re: drag & drop w jquery

#50200

Author: satellite
Date: Thu, 12 Aug 2010 12:39

4 lines
1121 bytes

On 2010-08-12 14:22, Michal Jedryka wrote:
> ktoś zna dobry poradnik do jquery ui? musze zrobić drag and drop.

zobacz czy sie ui nie nada - http://jqueryui.com/demos/droppable/

Re: drag & drop w jquery

#50201

Author: Michal Jedryka
Date: Thu, 12 Aug 2010 13:06

23 lines
2106 bytes

On 12 Sie, 14:39, satellite <piot...@gazeta.pl> wrote:
> On 2010-08-12 14:22, Michal Jedryka wrote:
>
> > ktoś zna dobry poradnik do jquery ui? musze zrobić drag and drop.
>
> zobacz czy sie ui nie nada -http://jqueryui.com/demos/droppable/

Ja dokładnie to oglądałem.
I umiem już zrobić przeciąganie czegoś na coś.
Mam jakiś <div id="jeden"> i stosuję na nim metodę draggable()
Mam jakiś inny <div id="dwa"> i stosuję na nim metodę droppable()

I jak to wyswietlę do "jeden" daje się przeciągnąć na "dwa" i upuścić.
Ale to jest tylko efekt wizualny. A ja potrzebuję wysłać na serwer
http informację,
że "jeden" został upuszczony na "dwa", (albo, że "trzy" został
upuszczony na "pięć").

I tego nie umiem za Chiny znaleźć w gąszczu dokumentacji...
Mogę prosić o jakieś wskazówki?
Dzięki

MJ

Re: drag & drop w jquery

#50202

Author: cut
Date: Thu, 12 Aug 2010 13:10

30 lines
2276 bytes

W dniu 2010-08-12 15:06, Michal Jedryka pisze:
> On 12 Sie, 14:39, satellite <piot...@gazeta.pl> wrote:
>> On 2010-08-12 14:22, Michal Jedryka wrote:
>>
>>> ktoś zna dobry poradnik do jquery ui? musze zrobić drag and drop.
>>
>> zobacz czy sie ui nie nada -http://jqueryui.com/demos/droppable/
> 
> Ja dokładnie to oglądałem.
> I umiem już zrobić przeciąganie czegoś na coś.
> Mam jakiś <div id="jeden"> i stosuję na nim metodę draggable()
> Mam jakiś inny <div id="dwa"> i stosuję na nim metodę droppable()
> 
> I jak to wyswietlę do "jeden" daje się przeciągnąć na "dwa" i upuścić.
> Ale to jest tylko efekt wizualny. A ja potrzebuję wysłać na serwer
> http informację,
> że "jeden" został upuszczony na "dwa", (albo, że "trzy" został
> upuszczony na "pięć").
> 
> I tego nie umiem za Chiny znaleźć w gąszczu dokumentacji...
> Mogę prosić o jakieś wskazówki?
> Dzięki
> 
> MJ

naprzykład tutaj:

http://jqueryui.com/demos/draggable/#event-stop

Pozdrawiam

Re: drag & drop w jquery

#50203

Author: satellite
Date: Thu, 12 Aug 2010 13:26

18 lines
1660 bytes

On 2010-08-12 15:06, Michal Jedryka wrote:
> I jak to wyswietlę do "jeden" daje się przeciągnąć na "dwa" i upuścić.
> Ale to jest tylko efekt wizualny. A ja potrzebuję wysłać na serwer
> http informację,
> że "jeden" został upuszczony na "dwa", (albo, że "trzy" został
> upuszczony na "pięć").

tu jest ladnie pokazane
http://jqueryui.com/demos/droppable/#shopping-cart

podepniesz sie pod zdarzenie drop

drop: function(event, ui) {
	$(this).find(".placeholder").remove();
	$("<li></li>").text(ui.draggable.text()).appendTo(this);

	$.post("test.php", { name: ui.draggable.text()});
}

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads