DZone Snippets: y code http://snippets.dzone.com/posts Fri, 08 Aug 2008 19:34:23 GMT DZone Snippets: y code Capturing the mousemove coordinates http://snippets.dzone.com/posts/show/5264 Source code copied from <a href="http://javascript.internet.com/page-details/mouse-coordinates.html">The JavaScript Source: Page Details: Mouse Coordinates</a> [internet.com] <br />Tested on Firefox. <br /><code> <br /><!-- ONE STEP TO INSTALL MOUSE COORDINATES: <br /> <br /> 1. Copy the coding into the BODY of your HTML document --> <br /> <br /><!-- STEP ONE: Paste this code into the BODY of your HTML document --> <br /> <br /><BODY> <br /> <br /><form name="Show"> <br />X <input type="text" name="MouseX" value="0" size="4"><br> <br />Y <input type="text" name="MouseY" value="0" size="4"><br> <br /></form> <br /> <br /><script language="JavaScript1.2"> <br /><!-- Original: CodeLifter.com (support@codelifter.com) --> <br /><!-- Web Site: http://www.codelifter.com --> <br /> <br /><!-- This script and many more are available free online at --> <br /><!-- The JavaScript Source!! http://javascript.internet.com --> <br /> <br /><!-- Begin <br /> var IE = document.all?true:false; <br /> if (!IE) document.captureEvents(Event.MOUSEMOVE) <br /> document.onmousemove = getMouseXY; <br /> <br /> var tempX = 0; <br /> var tempY = 0; <br /> <br /> function getMouseXY(e) { <br /> if (IE) { // grab the x-y pos.s if browser is IE <br /> tempX = event.clientX + document.body.scrollLeft; <br /> tempY = event.clientY + document.body.scrollTop; <br /> } <br /> else { // grab the x-y pos.s if browser is NS <br /> tempX = e.pageX; <br /> tempY = e.pageY; <br /> } <br /> <br /> if (tempX < 0){tempX = 0;} <br /> if (tempY < 0){tempY = 0;} <br /> <br /> document.Show.MouseX.value = tempX; <br /> document.Show.MouseY.value = tempY; <br /> <br /> return true; <br /> } <br />// End --> <br /> <br /><p><center> <br /><font face="arial, helvetica" size"-2">Free JavaScripts provided<br> <br />by <a href="http://javascriptsource.com">The JavaScript Source</a></font> <br /></center><p> <br /> <br /><!-- Script Size: 1.33 KB --> <br /></code> <br />*update 10:55am 21-Mar-08* <br />I have decided to use the following code instead as it looks a bit cleaner, and more up-to-date. <br />Tested on Firefox 2 and IE 6. <br /><code> <br />document.onmousemove = mouseMove; <br /> <br />function mouseMove(ev){ <br /> ev = ev || window.event; <br /> var mousePos = mouseCoords(ev); <br />} <br /> <br />function mouseCoords(ev){ <br /> if(ev.pageX || ev.pageY){ <br /> return {x:ev.pageX, y:ev.pageY}; <br /> } <br /> return { <br /> x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, <br /> y:ev.clientY + document.body.scrollTop - document.body.clientTop <br /> }; <br />} <br /></code> <br />Reference: <a href="http://snipr.com/22a5e">How to Drag and Drop in JavaScript</a> [webreference.com] Thu, 20 Mar 2008 22:39:21 GMT http://snippets.dzone.com/posts/show/5264 jrobertson (James Robertson)