dragable without jQuery ui
<p>I am sorry if this question is a duplicate but I want to ask how to make a element draggable without using jQuery UI?</p>

<p>I have this code -</p>

<pre><code>&lt;script type="text/javascript"&gt;
    function show_coords(event)
    {
        var x=event.clientX;
        var y=event.clientY;
        var drag=document.getElementById('drag');
        drag.style.left=x;
        drag.style.top=y
    }
&lt;/script&gt;

&lt;body style="height:100%;width:100%" onmousemove="show_coords(event)"&gt;
     &lt;p id="drag" style="position:absolute"&gt;drag me&lt;/p&gt;
&lt;/body&gt;
</code></pre>

<p>The problem is that I want to drag while the user the pressing the mouse button. I tried <code>onmousedown</code> but results were negative.</p>

<p>Thank's in advance.</p>
