Adding onmousedown event on click of a link

Zipp425

Nov 22nd 2006, 4:28 pm

Although the title pretty much says it all Ill get more detailed.

<script type="text/javascript">
function $(v) { return(document.getElementById(v)); }
function browser(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function xy(e,v) { return(v?(browser('msie')?event.clientY+document.body.scrollTop:e.pageY):(browser('msie')?event.clientX+document.body.scrollTop:e.pageX)); }

function dragOBJ(d,e) {

function drag(e) { if(!stop) { d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px'); } }

var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;

document.onmousemove=drag;
//OnRelease Function
document.onmouseup=function(){
stop=1;
document.onmousemove='';
document.onmouseup='';
document.getElementById('document').innerHTML += '<p>left: '+document.getElementById('object1').style.left+'; top: '+document.getElementById('object1').style.top+';</p>';
};

}
</script>

</head>

<body>
<div id="document"></div>
<div id="object1" style="color:#ffffff;height: 100px; width: 100px; background: #000; position: absolute;z-index:2; top: 0; left: 0" onmousedown="dragOBJ(this,event)"></div>
<a href="#" style=" onclick="document.getElementById('object2').setAttribute('onmousedown','dragOBJ(this,event)')">check</a>
<div id="object2" style="color:#ffffff;height: 100px; width: 100px; background: #0099ff; position: absolute; top: 0; left: 0"></div>

I want to be able to click the link and have it turn drag and drop on for object2...

What I have now works fine in Firefox, but it isnt working in IE...