This code should make an element disappear from a list when it is dropped on another element (called cookiemonster)

addEvent(cookiemonster, 'drop', function (e) {
  if (e.stopPropagation) e.stopPropagation();

  var el = document.getElementById(e.dataTransfer.getData('text'));
  el.parentNode.removeChild(el);
  return false;
});

This code should make an element disappear from a list when it is dropped on another element (called cookiemonster)

addEvent(cookiemonster, 'drop', function (e) {
  if (e.stopPropagation) e.stopPropagation();

  var el = document.getElementById(e.dataTransfer.getData('text'));
  el.parentNode.removeChild(el);
  return false;
});

• javascript

Share Improve this question Follow edited Mar 26, 2014 at 23:43 Kara 6,2261616 gold badges5353 silver badges5858 bronze badges asked Aug 23, 2013 at 16:13 KepedizerKepedizer 85622 gold badges1010 silver badges2525 bronze badges 3

• 1 This means that el is null.... – Naftali Commented Aug 23, 2013 at 16:14
• what is the output of e.dataTransfer.getData('text')? there seems to be no element by that ID – Harry Commented Aug 23, 2013 at 16:14
• It seems there is no element returned by the document.getElementById(); what does e.dataTransfer.getData('text') return? Does it match an id of an element in the document? – David Thomas Commented Aug 23, 2013 at 16:15

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 1

create an auxiliar variable like this

addEvent(cookiemonster, 'drop', function (e) {
    if (e.stopPropagation) e.stopPropagation();

    var el = document.getElementById(e.dataTransfer.getData('text'));
    var aux = el.parentNode;
    aux.removeChild(el);
    return false;
});