Risolto in parte :
cosi rieco a sapere quali sono i 2 div che vengono mossi ossia quello che parte e quello che arriva e di conseguenza sostituito, ma a me iteressava maggiormente sapere quando entra nel div <div class="widget-body">
in partenza
this.handleDragStart = function (e) {
var DivPartenza = document.getElementById(this.getElementsByClassNam e('widget-main')[0].id);
DivPartenza.style.display = "none";
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/html', this.innerHTML);
dragSrcEl_ = this;
this.style.opacity = '0.5';
// this/e.target is the source node.
this.addClassName('moving');
};
this.handleDrop = function (e) {
// this/e.target is current target element.
var DivArrivo= document.getElementById(this.getElementsByClassNam e('widget-main')[0].id);
DivArrivo.style.display = "none";
if (e.stopPropagation) {
e.stopPropagation(); // stops the browser from redirecting.
}

// Don't do anything if we're dropping on the same box we're dragging.
if (dragSrcEl_ != this) {
dragSrcEl_.innerHTML = this.innerHTML;
this.innerHTML = e.dataTransfer.getData('text/html');
}

return false;
};