Adding onmousedown event on click of a link

Discussion in 'JavaScript' started by Zipp425, Nov 22, 2006.

0
  1. #1
    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>
    Code (markup):
    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...
     
    Zipp425, Nov 22, 2006 IP