Show the mouse position relative to the left and top edges of the document (within the iframe).

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style>body {background-color: #eef; } div { padding: 20px; }</style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $(document).bind('mousemove',function(e){ $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); }); }); </script> </head> <body> <div id="log"></div> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself