Selection area with click and drag

Question

Could someone explain me how to make a click and drag feature with jquery/javascript/css/html? It should work just like the desktop does when you click and drag, forming that "rectangle" area. Any idea on how should I do this?

Possible duplicates: http://stackoverflow.com/questions/1039986/how-to-implement-a-drag-and-drop-div-from-scratch and http://stackoverflow.com/questions/7278409/html5-drag-and-drop-to-move-a-div-anywhere-on-the-screen — Sumurai8, Aug 25 '13 at 20:38

score 0 · Accepted Answer · answered Aug 25 '13 at 20:37

0

This is a fairly easy feature to implement using jQuery UI. They have a sortable, draggable and droppable feature already built. You simply include jQuery and jQueryUI and then instantiate the feature using selector targeting. jQueryUI also has pretty decent documentation and good examples on each feature. Hope this helps!

answered Aug 25 '13 at 20:37

Matthew R.

4,332
1
24
39

I was just about to recommend Draggable from the jQuery UI! – Aidan Hakimian Aug 25 '13 at 20:38
Yeah, JUI is awesome! And with the touch features for mobile, its like having a native app! – Matthew R. Aug 25 '13 at 20:38
Thanks very much to you both for the fast responses! – Joheo Aug 25 '13 at 20:48

Selection area with click and drag

1 Answers1