Programming the box

Use itemBox.setDragByContent(), itemHolder.getBoxById(), and itemHolder.removeAndRebuild() for the reset option.

Transform a box to a draggable by content, with no header

an image
Subtext
It is a good idea look at the source
and inspect elements
//---------------------------
// transform box to be draggable by content
function  changeToContentDrag(id){
  var box=itemHolder.getBoxById(id);
  box.setDragByContent();
}

//-------- reset stuff ------
// the only box we will remember
var originalElt=null;
 
function rememberOriginal(id){
  var boxElt=document.getElementById(id);
  return boxElt.cloneNode(true);
}

function resetBox(id){
  // set back orional, undeteced element
  var wElt=document.getElementById(id+"Wrapper");
  var holder=wElt.parentNode;
  holder.replaceChild(originalElt.cloneNode(true),wElt);
	
  // take it away from boxlist and rebuild
  // will detect only new (not ready) itemBox elements
  itemHolder.removeAndRebuild(id);
}

// must be done before we run itemHolder.initElements();
// (and after the element is parsed)
originalElt=rememberOriginal('box1');
//-------------------------------------