var addEvent = (function () {
  if (document.addEventListener) {
    return function (el, type, fn) {
      if (el && el.nodeName || el === window) {
        el.addEventListener(type, fn, false);
      } else if (el && el.length) {
        for (var i = 0; i < el.length; i++) {
          addEvent(el[i], type, fn);
        }
      }
    };
  } else {
    return function (el, type, fn) {
      if (el && el.nodeName || el === window) {
        el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
      } else if (el && el.length) {
        for (var i = 0; i < el.length; i++) {
          addEvent(el[i], type, fn);
        }
      }
    };
  }
})();

addEvent(window, 'load', function() {
  var draggableText = document.getElementById('text');
  var drop          = document.getElementById('drop');

  function cancel(e) {
    if (e.preventDefault) e.preventDefault();
    return false;
  }

addEvent(drop, 'dragover', cancel);  //DOM event
  addEvent(drop, 'dragenter', cancel); //IE event

addEvent(drop, 'drop', function (e) {
    cancel(e); // stops the browser from redirecting off to the text.
    var data = e.dataTransfer.getData('Text');
    this.innerHTML = res;
    
    return false;
  });