1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:

<script type="text/javascript">
function onMouseDown(e) {
	var div = document.getElementById("sweetDiv");
	
	x = (document.all) ? window.event.x + div.offsetParent.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + divt.offsetParent.scrollTop  : e.pageY;
	
	//div.style.left = (x) + "px";
    //div.style.top   = (y) + "px";
	createDivElement(x,y);
}

function createDivElement(x,y) {
	var kot = document.createElement("div");
	kot.setAttribute("style", "position:absolute;width:10px;height:10px;background-color:#F40404;top:"+y+";left:"+x);
	document.getElementsByTagName("body")[0].appendChild(kot);
}
document.onmousedown = onMouseDown;


function onMouseUp(e) {
}
document.onmouseup = onMouseUp;
</script>

1:
2:
3:
4:
5:
6:
7:

function createDivElement(x,y) {
	var kot = document.createElement("div");
	kot.setAttribute("style", "position:absolute;width:10px;height:10px;background-color:#F40404;top:"+y+";left:"+x);
	document.getElementsByTagName("body")[0].appendChild(kot);
}