I want to drag some elements and drop it in some other containers. The following example works for objects that are both draggable and droppable

/

But when I try to make some of them draggable and others only droppable it doesn't work

/

I know how to use jQueryUI to do this, but I want to do the same using pure HTML5.

I want to drag some elements and drop it in some other containers. The following example works for objects that are both draggable and droppable

http://jsfiddle/AwCuM/

But when I try to make some of them draggable and others only droppable it doesn't work

http://jsfiddle/4adJk/10/

I know how to use jQueryUI to do this, but I want to do the same using pure HTML5.

• javascript
• html
• jquery-ui
• draggable
• droppable

Share Improve this question Follow asked May 24, 2012 at 16:30 Jader DiasJader Dias 90.7k160160 gold badges435435 silver badges633633 bronze badges 1

• I want to achieve the same functionality as shown in the following demo jqueryui./demos/droppable – Jader Dias Commented Jun 5, 2012 at 16:32

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

Looking at Mozilla's HTML docs I found that I need to handle the dragover event. The plete solution can be viewed at:

http://jsfiddle/Dema8/7/