<INPUT ID="counter1" STYLE="position:relative; left:200px" TYPE="button" 
VALUE="Just a Button" onclick="handleClick()">

As JavaScript does not support the "numeric property" data type, these measurements become strings when you extract them into JavaScript variables. The string includes a number followed by the string "px". The following strings are example values of the left and top JavaScript variables: "50px", "32px", and "0px". When setting these properties in JavaScript, concatenate the "px" string to the value. For example, to set the left property of an element with ID="counter1" to xlocation, you will write:

document.getElementById('counter1').style.left = xlocation + "px";

The browser won't complain if you omit the "px" string:

document.getElementById('counter1').style.left = xlocation;

The browser assumes the unit of measure is pixels and will add the "px" automatically. You'll always get a "px"-ended string when querying the top and left properties.

People who read this tip also read these tips:

• Establishing Parent-Child Connections
• window.open vs. document.open
• Setting an Attribute Node in IE6 and NS6
• Validating email Addresses
• Visibility Assignment in STYLE