Trace Cursor Cord X & Y Position Ordinances - Image Map Link Helper JavaScript Code

This JavaScript code snippet allows you to easily follow your mouse cursor for X & Y cursor ordinance position points to create image map cords, etc.

Insert this code into your HEAD of HTML

<script language="JavaScript" type="text/javascript"> <!-- http://www.DesignerWiz.com Trace Cursor Cord Tracker --> <!-- Easily Insert This Script Into Head of HTML, Follow Cursor Code --> function moveCC() { eX=event.clientX; eY=event.clientY; CC.style.left=eX+8; CC.style.top=eY; if (event.srcElement.id=='D') { eH='<B>'; eHc='</B>'; } else { eH=''; eHc=''; } CC.innerHTML=eH+eX+':'+eY+eHc; } </script>

Insert this code directly into your BODY tag

onmousemove=moveCC();>

Insert this code into your BODY section

<div id="D" style="background-color: 3399ff; height: 200px; left: 100px; position: absolute; top: 100px; width: 300px"></div> <p id="CC" style="position: absolute">

Simply Cut and Paste code snippet
Be sure to properly place script position in HEAD & BODY sections of HTML document
Once the code is inserted, simply move your cursor around browser screen and watch the status bar for the X & Y position ordinances.

This script has been in the DesignerWiz.com Public Library.