Question

The following code, from the Google-Caja playground,shows two boxes. And once you drag on inside the other the enclosing box changes color:

<style>
  #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
  #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
 <script>
  $(function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });
  </script>

Answer 1

Yes it is with a bit of work. The find, addClass and html ones are easy but the drag and drop is another story. here is a tutorial for it http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx