How to Drag and Drop controls in asp.net Runtime

{

window.status = msg;

}

{

}

<script language="javascript">

var TimerID = 0;

var oEl = null;

var oTarget = null;

var beginDrag = false;

var tmpHTML = "";

function killTimer()

if (TimerID != 0 )

function fnShowDragWindow()

var obj = document.all("DW");

if (oEl == null)

return;

obj.style.display = "block";

window.document.attachEvent( "onmousemove" , fnMove );

window.document.attachEvent( "onscroll" , fnMove );

window.document.attachEvent( "onmousemove" , fnCheckState );

window.document.attachEvent( "onmouseup" , fnRelease );

window.document.attachEvent( "onselectstart", fnSelect );

//window.document.attachEvent("onmouseover",setTarget);

beginDrag = true;

function setTarget(id)

var src = document.getElementById(id);

if (src == null)

return;

if (src.target == 'true')

else

oTarget = null;

function BeginDrag(id)

// Get the item to be dragged.

// Is there an item?

if(oEl == null)

return;

// Set the window timeout.

function fnCheckState()

if(event.button != 1)

function fnSelect()

return false;

function fnMove()

if (event.button != 1)

return;

var obj = document.all("DW");

obj.style.top = event.clientY - (obj.offsetHeight / 2 ) + window.document.body.scrollTop;

obj.style.left = event.clientX + window.document.body.scrollLeft;

window.status = 'Top=' + obj.style.top + ' Left=' + obj.style.left;

if (event.clientY > window.document.body.clientHeight - 10 )

else if (event.clientY < 10)

window.scrollBy(event.clientX, -10);

function fnRelease()

if (beginDrag == false) return;

window.document.detachEvent( "onmousemove" , fnMove );

window.document.detachEvent( "onscroll" , fnMove );

window.document.detachEvent( "onmousemove" , fnCheckState );

window.document.detachEvent( "onmouseup" , fnRelease );

window.document.detachEvent( "onselectstart", fnSelect );

//window.document.detachEvent( "onmouseover", setTarget );

var obj = document.all("DW");

if (oTarget != null)

var targetHTML = oTarget.innerHTML;

var targetSpecId = oTarget.SpecimenId;

var sourceSpecId = oEl.SpecimenId;

// Is the container empty?

if(oTarget.innerHTML != "")

oTarget.style.backgroundColor="DimGray";

else

oTarget.style.backgroundColor = "DimGray";

if(oEl.innerHTML != "")

oEl.style.backgroundColor = "DimGray"

else

oEl.style.backgroundColor = "DimGray"

obj.style.display = "none";

oEl = null;

oTarget = null;

beginDrag = false;

function CancelDrag()

if (beginDrag == false)

script>