Merhaba,

<div id="div1" style="position:absolute; width:50px; height:50px; left:10px; top:10px; background-color:#0C0"></div>
<script>
var obj_name
var tempX, tempY
function pos(e)
{
	tempX = e.pageX || e.clientX + document.documentElement.scrollLeft;
        tempY = e.pageY || e.clientY + document.documentElement.scrollTop;
	if(obj_name == 'div1'){
		if(tempX < 500 & tempY < 500)
		{
			document.getElementById(obj_name).style.top=(tempY - 25) + 'px'
			document.getElementById(obj_name).style.left=(tempX - 25) + 'px'
		}
	}
}
var obj=document.getElementById('div1')
obj.addEventListener('mousedown',function(){obj_name='div1'},false)
document.addEventListener('mouseup',function(){obj_name=''},false)
document.addEventListener('mousemove',pos,false)
</script>

Bu kodlar ile bir <div> bölgesini belirlediğim alanlar içerisinde taşımak istiyorum.
Taşıyorumda!. Ancak bu taşıma işlemi düzgün olarak sayfa ilk yüklendiğinde oluyor. Yani sayfa yükleniyor istediğim bir yere taşıyıp bırakıyorum, ikinci kez taşımak istediğimde farenin tuşuna basıp sürüklüyorum ama <div> gelmeyip yerinde kalıyor, farenin tuşunu bırakınca fareyi takip etmeye başlıyor.

http://www.twinhelix.com/javascript/dragresize/demo/ bu adreste bu işin çok iyi yapılmış bir hali var ancak kodlar benim javascript seviyemin biraz üstünde olduğu için tam bir karşılaştırma yapamıyorum.

Yardımlarınız için teşekkürler.