Question

I’ve got a situation where a user needs to be able to drag and drop an image onto a section of a dynamically generated portion of a page that will will always be enclosed with <pre> </pre> tags but will have no other information.

The only way I can I think to accomplish this is to add a wrapper div with a different z-index, but is it even possible to ‘drop’ this item on an arbitrary location on the layer above the pre-formatted text?

Any suggestions/ideas would be greatly appreciated.

Answer 1

Have you seen the JQuery UI. You can literally in its simplest form to do this:

$('#MyDragElement').draggable(); 

AND

$('#MyDropElement').droppable(); 

http://jqueryui.com/

Documentation:

http://docs.jquery.com/UI

Check it out: 🙂

Andrew