Rocho.J

人脑是不可靠的, 随时记录感悟并且经常重复!

 

[转]textBox下弹出div的问题

View Code
<input type="text" onfocus="getDivPosition(this)" onfocusout="setDivHidden()"/>
<br>dasf
<br>dasf
<br>dasf
<br>dasf
<br>dasf
d
asfda
<div id="addr" style="display:none;position:absolute;background:red;width:100px;height:50px;">xxxxx</div>
<script>
function setDivHidden()
{
var addr=document.getElementById("addr")
addr.style.display
="none";
}
function getDivPosition(o)
{
var point=new Object();
point.x
=o.offsetLeft;
point.y
=o.offsetTop+o.offsetHeight;
while(o=o.offsetParent)
{
point.x
+=o.offsetLeft;
point.y
+=o.offsetTop;
}
var addr=document.getElementById("addr")
addr.style.left
=point.x+"px";
addr.style.top
=point.y+"px";
addr.style.display
="block";
}
</script>

 

posted on 2011-11-09 17:04  RJ  阅读(288)  评论(0)    收藏  举报

导航