1

I am using an HTML5 drag and drop script and it doesn't work. When I use the error console in safari, it says :

NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a
Node in a context where it does not exist.

I have no idea what that means. Here is my example: http://thomaswd.com/maze. Try dragging the mouse to the indicated square. It's supposed to make Algernon stay at that box. Thanks!

Also, is it possible to stop the user from dragging the mouse through the walls? Thanks!!

Improve this question
0

2 Answers 2

Reset to default
1

Collision for the walls
http://www.html5rocks.com/en/tutorials/canvas/notearsgame/

as far as the mouse and error goes, I don't see either. However the error listed above is obvs. a issue with your source/script. I looked through it, but there is nothing there, did you remove the JS before posting the example?\

Edit

ev.target.appendChild(document.getElementById(data)); this line. "Error: An attempt was made to reference a Node in a context where it does not exist. at drop (thomaswd.com/Maze/:18:15) at HTMLDivElement.ondrop (thomaswd.com/Maze/:50:225)"

The doms (getelementbyid) is looking for the ID "mouse" and can't find it. set the image ID = "mouse"

I used chromes developer tools and edit this line locally and it worked. and the mouse dropped without an issue. 

<img src="rat.png" id="mouse" width="60px" ondragstart="drag(event)" style="cursor:move;" draggable="true">
Improve this answer
5
  • oh im sorry I forgot to upload the updated file, now you can see it
    – Thomas Lai
    Commented Feb 13, 2013 at 3:30
  • thomaswd.com/Maze/rat.png - no image. 404 not found. fix that first, then test and let me know. Plus make sure it is functional because i cannot duplicate the error as of yet.
    – Richard Sites
    Commented Feb 13, 2013 at 3:33
  • ev.target.appendChild(document.getElementById(data)); this line. "Error: An attempt was made to reference a Node in a context where it does not exist. at drop (thomaswd.com/Maze/:18:15) at HTMLDivElement.ondrop (thomaswd.com/Maze/:50:225)"
    – Richard Sites
    Commented Feb 13, 2013 at 3:39
  • I dont know what that means
    – Thomas Lai
    Commented Feb 13, 2013 at 4:15
  • Has the issue been resolved? I agree with bighostkim, set the id to mouse. DOMS (getelementbyid) is looking for the ID "mouse" and doesn't see it.
    – Richard Sites
    Commented Feb 13, 2013 at 13:39
0

This happens because you did not set id of your mouse. add this to your mouse image

id="mouse"

Second, for every single TD, you need to make it droppable by setting these attributes.

ondrop="drop(event)" ondragover="allowDrop(event)"
Improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.