怎么把IFRAME定位到(用JAVASCRIPT)TEXTBOX的下方,注意:TEXTBOX不是绝对定位,而IFRAME是绝对定位

Question

怎么把IFRAME定位到(用JAVASCRIPT)TEXTBOX的下方,注意:TEXTBOX不是绝对定位,而IFRAME是绝对定位

Answer 1

function TextBoxClick()
{ 
var  floatpanel = document.getElementById('Frame');
var  element = window.event.srcElement;
floatpanel.style.display = 'block';   
var pos=CalcPosition(floatpanel,element);
pos.top=pos.top+element.offsetHeight;
AdjustMirror(floatpanel,element,pos);
floatpanel.style.left=pos.left;
floatpanel.style.top=pos.top;
}
function GetScrollPostion(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};
}
}
function GetClientPosition(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};
}
}
function GetStandParent(e)
{
for(var p=e.parentElement;p!=null;p=p.parentElement)
{
var sp=p.currentStyle.position;
if(sp=='absolute'||sp=='relative')
return p;
}
return e.document.body;
}
function CalcPosition(floate,e)
{
var epos=GetScrollPostion(e);
var spos=GetScrollPostion(GetStandParent(floate));
var s=GetStandParent(floate);
return {left:epos.left-spos.left-s.clientLeft,top:epos.top-spos.top-s.clientTop};
}
function AdjustMirror(floate,e,pos)
{
var cw=e.document.body.clientWidth;
var ch=e.document.body.clientHeight;
var fw=floate.offsetWidth;
var fh=floate.offsetHeight;
var ew=e.offsetWidth;
var eh=e.offsetHeight;
var ecpos=GetClientPosition(e);
var empos={left:ecpos.left+ew/2,top:ecpos.top+eh/2};
var pcpos=GetClientPosition(GetStandParent(floate));
var fcpos=GetClientPosition(floate);
var fmpos={left:pcpos.left+pos.left+fw/2,top:pcpos.top+pos.top+fh/2};
if( (fmpos.left<empos.left) ? ((fmpos.left-fw/2<0)&&((empos.left*2-fmpos.left)+fw/2<=cw)) : ((fmpos.left+fw/2>cw)&&((empos.left*2-fmpos.left)-fw/2>=0)) )
fmpos.left=empos.left*2-fmpos.left;
if( (fmpos.top<empos.top) ? ((fmpos.top-fh/2<0)&&((empos.top*2-fmpos.top)+fh/2<=ch)) : ((fmpos.top+fh/2>ch)&&((empos.top*2-fmpos.top)-fh/2>=0)) )
fmpos.top=empos.top*2-fmpos.top;
pos.left=fmpos.left-pcpos.left-fw/2;
pos.top=fmpos.top-pcpos.top-fh/2;
}