jquery drag and drop

Question

0.00/5 (No votes)

See more:

hi am working on jquery drag and drop , where we can drag and drop controls (dropdownlist,textbox.....etc) inside a "dropable" div area

could anybody suggest how this can be done or even provide references for the above

Posted 3-Sep-13 3:08am

john marshAL

Add a Solution

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jitendra Sabat · Answer 1 · 2013-09-03T04:15:00

Solution 2

JQuery is having it's own draggable and droppable functionality.Refer following links for more details

Draggable
Sortable
Droppable

For demo refer to below fiddle
http://jsfiddle.net/t9Lzb/[^]

Posted 3-Sep-13 4:15am

Jitendra Sabat

Updated 3-Sep-13 18:59pm

v4

Comments

Shobhana.n 3-Sep-13 13:49pm

5+... Yes, jqueryui is the best reference.

Jitendra Sabat 4-Sep-13 1:18am

Thanx...

Sreejith MV · Answer 2 · 2013-09-03T04:01:00

You can use jquery.dragsort-0.5.1.min plugin that works on jQuery UI. I have a demo app in my blog. In my example i am dragging divs. you can add you controls inside that. See the link below:
http://mobilejquery.wordpress.com/2013/09/03/jquery-drag-and-drop/[^]

jQuery UI have there own Sortable and Draggble function. go through ths folowing Links

http://jqueryui.com/sortable/[^]
http://jqueryui.com/draggable/[^]

jquery drag and drop

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

jquery drag and drop

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us