How do I add an image where user clicks?
<p>I want to add an image exactly where a user clicks. I have this so far, but it just adds the image to the top and just keeps adding it there...not where the user is clicking</p>

<pre><code>  &lt;html&gt;
    &lt;head&gt;
        &lt;script type="text/javascript"&gt;
            function stamp(d,e)
            {
                var i = new Image();
                i.src = 'smiley.jpg';
                document.getElementById('target').appendChild(i);
                //document.getElementById('target').style.left = "100px";  //e.clientX ;
                //document.getElementById('target').style.right = "1000px"; //e.clientY;
            }

&lt;/script&gt;
&lt;/head&gt;
&lt;body id="target" onclick="javascript:stamp(this,event);" style="left: 100px"&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
