Rico Simple Drag & Drop Example

Base Library:

Drag Me

Drop On Me
Drop On Me 2
  <div class="box" style="background:#f7a673" id="dragme">
    Drag Me
  </div>

  <div id="droponme" class="simpleDropPanel" style="background:#ffd773">
     <div class="title">Drop On Me</div>
  </div>

  <div id="droponme2" class="simpleDropPanel" style="background:#c6c3de">
     <div class="title">Drop On Me 2</div>
  </div>

  <script>
   // first parameter to Rico.Draggable can be anything
   // second parameter is the element to be dragged
   Rico.registerDraggable( new Rico.Draggable('test-type','dragme') );
   Rico.registerDropZone( new Rico.Dropzone('droponme') );
   Rico.registerDropZone( new Rico.Dropzone('droponme2') );
  </script>