javascript - What are the best light-weight solutions for Drag and Drop?

Question

I love and use jQuery quite a lot, but I am hoping to find an alternate solution for a special project.

I am creating a bookmarklet which will interface with my application to allow users to enter information much quicker. One of the greatest pains in my application at the moment is uploading images. Users (understandly) hate the process of downloading images to their computers in an organized fashion, and then uploading them to the app.

What I would love the bookmarklet to do is load in a small div overlay with a couple small controls in it, including one which would allow the user to drag and drop images from the current page into the control. The script would then collect the URI's of those img tags and submit them along with the form to the app, and then they would automatically be downloaded by the server into the app.

So, for this task, loading jQuery and jQuery UI into the page every time you click the bookmarklet seems like a very heavy-handed approach.

Can anyone recommend a nice, light-weight, Javascript toolkit that handles drag and drop functionality and nothing else?

I was excited to read about the new DragDealer tool, which looks awesome, just today on ajaxian but it seems that it is built to handle only dragging and not "dropping" (i.e., not targets)

Answer 1

I think a library might not be the best solution and just try searching for a function/stand alone plugin/widget that just delivers this functionality for you such as

• http://www.webreference.com/programming/javascript/mk/column2/
• http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx
• http://tool-man.org/examples/dragging.html