Перетащите с расширением на мусорное ведро

Question

У меня есть перетаскивание в моем PHP приложении. Код ниже прекрасно работает. Но теперь я хочу, чтобы можно было перетащить элемент в корзину. Как мне это сделать? Любые советы?

function _(id){
   return document.getElementById(id);  
}
var droppedIn = false;

function drag_start(event) { 
  //_('app_status').innerHTML = "Dragging the "+event.target.getAttribute('id');
  event.dataTransfer.dropEffect = "move";
  event.dataTransfer.setData("text", event.target.getAttribute('id') );
  event.dataTransfer.setData("id", event.target.getAttribute('recordid') );    
  event.dataTransfer.setData("lessonLength", event.target.getAttribute('lessonlength') );
  event.dataTransfer.setData("lessonid", event.target.getAttribute('lessonid') );        
}

function drag_enter(event) {
   event.preventDefault(); /* Prevent undesirable default behavior while dropping */     
    _('app_status').innerHTML = "Verplaats naar "+event.target.getAttribute('data-dayname')+" 
"+event.target.getAttribute('data-hour')+"e uur";
this.className += ' hovered';    
}

function drag_leave() {    
   this.className = 'empty';
}

function drag_drop(event) {    
  event.preventDefault(); /* Prevent undesirable default behavior while dropping */
  var elem_id = event.dataTransfer.getData("text");     
  event.target.appendChild( _(elem_id) );        
  _(elem_id).removeAttribute("draggable");
  _(elem_id).style.cursor = "default";
  droppedIn = true;
  var id = event.dataTransfer.getData('id'); 
  var lessonlength = event.dataTransfer.getData('lessonLength');
  var day = event.target.getAttribute('data-day'); 
  var hour = event.target.getAttribute('data-hour');     
  var lessonid = event.dataTransfer.getData('lessonid'); 
  var dataID = event.target.getAttribute('data-id'); 
  var contenttype = event.target.getAttribute('data-type');             
  $.ajax({  
      url:"updatedatabase.php",  
      method:"POST",
      error: function(xhr, status, error) {
        // Get some feedback in your browser console if something goes wrong.
        console.info(status + ": " + error); 
      },
      data:{id:id, day:day, hour:hour, lessonlength:lessonlength, dataID:dataID, 
contenttype:contenttype, lessonid:lessonid},
    success: function(){
        $("#totalcontainer").load("mainscreen.php");
    }
})
}
 function drag_end(event) {
    droppedIn = false;
 }

Любая помощь будет оценена. Я не смог найти ничего на inte rnet. Похоже, никто не делал этого раньше.