컨트롤의 좌표를 찾아서 div 보이기 (i와 ff 지원)

1672 단어 IE
아래의 예를 보면 원소의 절대 위치(좌표)를 얻을 수 있는 방법 getElementPos(obj)를 제공합니다.
<HTML>
 <BODY>
 <div id="mydiv" style="position:absolute; display:none; background:#FF9933; height:80;width:120;"> I am div ^_^</div>
   showDiv            DIV<br>
 <table border=1>
	<tr>
		<td>
			<table border=1>
				<tr>
					<td>aa</td>
					<td>
						<input type="text" id="test">
						<button onclick="showDiv()">showDiv</button>
					</td>
				</tr>
			</table>
		</td>
	</tr>
  </table>

  <SCRIPT LANGUAGE="JavaScript">
  <!--
//           ,               
function getElementPos(obj)
{
	var left = 0;
	var top = 0;

	if(obj.x)
	{
		left= obj.x;
		top = obj.y;
	}else if(obj.offsetParent)
	{	
		while(obj.offsetParent)
		{		
			left += obj.offsetLeft;
			top  += obj.offsetTop;
			obj = obj.offsetParent;
		} 
	}

	return [left,top];//        
}
function showDiv()
{
	var mydiv = document.getElementById("mydiv");
	var pos = getElementPos(document.getElementById("test"));
	mydiv.style.display = "";

	mydiv.style.left = pos[0];
	mydiv.style.top = pos[1] + document.getElementById("test").offsetHeight;
}
  //-->
  </SCRIPT>
 </BODY>
</HTML>

좋은 웹페이지 즐겨찾기