My question is, how do I get the values of pos.offsetTop and pos.offsetLeft to show up in my input box??
Here is the java code:
Expand|Select|Wrap|Line Numbers
- function getPosition(element) {
- var left = 0;
- var top = 0;
- if(element.offsetParent) {
- while(element) {
- left += element.offsetLeft;
- top += element.offsetTop;
- element = element.offsetParent;
- }
- }
- return {offsetLeft: left, offsetTop: top};
- }
- var element = document.getElementById('elem');
- var pos = getPosition(element);
- document.Show.X.value = pos.offsetTop;
- document.Show.Y.value = pos.offsetLeft;
- return true
- }
Expand|Select|Wrap|Line Numbers
- <div id="elem">My Element</div>
- <form name="Show">
- <input type="text" name="X" value="0" size="4"> X<br>
- <input type="text" name="Y" value="0" size="4"> Y<br>
- </form>