DHTML 中的绝对定位

2019-06-03 16:03:18王振洲
下面的东西显示了在复杂的情况下,
怎样最好地在一个Element的旁边显示某个DIV。
当然,你可以滚动窗口,使这个按纽靠窗口的 左/上/右/下 的情况,观察菜单的弹出方位。
全部代码:
<table border=1 cellpadding=8 cellspacing=0> 
<tr><td>table1</td><td>table1</td></tr> 
<tr><td>table1</td><td> 
 <div id=div1 style='position:absolute;background-color:wheat;padding:4px;'> 
 div1 start 
 <div id=div1button style='border:outset 2px;background-color:threedface;color:red;font-weight:bold;cursor:hand;padding:4px;'> 
  ClickMe 
 </div> 
 div1 end 
 </div> 
 </td></tr> 
</table> 
<div style='height:100px'>-</div> 
<table border=1 cellpadding=8 cellspacing=0> 
<tr><td>table2</td><td>table2</td></tr> 
<tr><td>table2</td><td> 
 <div id=div2 style='position:relative;left:24px;background-color:wheat;'> 
 div2 start 
 <div id=div2menu style='display:none;position:absolute;background-color:lightgrey;height:200px;width:120px;border:outset 1px;padding:4px'> 
  div2menu<br> 
  div2menu<br> 
  div2menu<br> 
  div2menu<br> 
  div2menu<br> 
 </div> 
 div2 end 
 </div> 
 </td></tr> 
</table> 
<script language='jscript'> 
//get the position of a element ( by the scroll offset ) 
function LostinetWebGetScrollPostion(e) 

 var b=e.document.body; 
 if(e==b)return {left:0,top:0}; 
 with(e.getBoundingClientRect()) 
 { 
  return {left:b.scrollLeft+left,top:b.scrollTop+top}; 
 } 

//get the position of a element ( by the client offset ) 
function LostinetWebGetClientPosition(e) 

 var b=e.document.body; 
 if(e==b)return {left:-b.scrollLeft,top:-b.scrollTop}; 
 with(e.getBoundingClientRect()) 
 { 
  return {left:left-b.clientLeft,top:top-b.clientTop}; 
 } 

//get absolute or relative parent 
function LostinetWebGetStandParent(e) 

 for(var p=e.parentElement;p!=null;p=p.parentElement)