title: HTML5 Drag and Drop anywhere on the screen
body: <p>I have a debugger log that I've written in JavaScript for a project I'm working on. The log is basically an <code>&lt;aside&gt;</code> tag in HTML5 that only shows when needed. I wanted to play around with the idea of being able to move the log around the screen, as it may overlap certain things (which is fine for my project). However, I can't seem to figure out how to use HTML5 to properly drag and drop the  tag so that it can be placed anywhere on the screen (well, or within a <code>&lt;div&gt;</code> element).</p>
  
  <p>After reading on HTML5's drag and drop support, I have a basic understanding of how it works, but I'm not sure where to start when it comes to allowing the div to be placed anywhere (it's z-index is a high value, so as I said, overlapping is fine).</p>
  
  <p>Any suggestions?</p>
  
  <p>Oh, and I'd like to try and avoid using external libraries for this project, wherever possible. I'm trying to do this in pure JavaScript/HTML5.</p>