Drag and move a picture
********************************************
Free JavaScript provided by ©2003-VB'Breizh
Adapted from Maleknia code :
website
**Updated (11/8/2004) Compatibility :
...Download the JavaScript source code (5.26 kb)
<html><head> <script language="JavaScript"><!-- var movePic; function cursorMove() { var leftpos=0; var Toppos=0; if ((event.button==1) && (movePic!=null)) { leftpos=event.clientX-55; if (leftpos<0) leftpos=0; movePic.style.pixelLeft= leftpos; toppos=event.clientY-30; if (toppos<0) toppos=0; movePic.style.pixelTop= toppos; event.returnValue = false; event.cancelBubble = true; }} function cursorDrag() { if ("IMG"==event.srcElement.tagName) { event.returnValue=false; }} function cursorDown() { if ((event.button==1) && (event.srcElement.tagName=="IMG")) { movePic = event.srcElement; }} document.ondragstart = cursorDrag; document.onmousedown = cursorDown; document.onmousemove = cursorMove; document.onmouseup = new Function("movePic=null"); --></script> <script language="JavaScript"><!-- event="onmousedown"; event.cancelBubble=true; --></script></head> <body> <div id='OuterDiv' style="position:relative;width:100%;height:500px"> <img id="Pic1" style="position:relative;top:80;left:0pt;width:90;height:115;" src="dragpic2.gif"> </div> <hr><font size=1>Free JavaScript provided by ©2003-VB'Breizh :<a href="http://gilles.saunier.free.fr"> WebSite</a> </body></html>
Comment, question ?
Drag and move a picture 
...Download the JavaScript source code (5.26 kb)
Comment, question ?