html5 draggable - arbitrary drop position?

Question

All the examples that I've seen with draggable elements have a specific destination where the draggable element can be dropped. Is it possible to drop the element anywhere on the screen without specifying the destinations?

I have a map (ThinkGeo) with some specific areas coming from the database. when the user clicks/touches those areas, I'm showing popups with description of those areas. The popup is nothing else than a div that I'm showing and hiding accordingly.

The user wants to be able to move around the popup div on the map. Is this even possible?

Answer 1

Certainly possible and pretty easy with jQuery UI:

$("#elementId").draggable();

And a shim for touch events:

http://touchpunch.furf.com/ which at 584 bytes, is pretty lightweight.