js时间控件如何给定位置?
JS自己写一个类似时间控件的东西,我应该如何定它的位置?比如点击当前输入框,怎么把那个控件放在这个输入框下面。...
JS自己写一个类似时间控件的东西,我应该如何定它的位置?比如点击当前输入框,怎么把那个控件放在这个输入框下面。
展开
1个回答
展开全部
<div id=aa style="display:none; POSITION:absolute; border:1px solid #ddd">
你的时间控件放在这里<br>
下面是个简单例子,你<br>
<a href=# onclick="bb.value='Hi,你好!';aa.style.display='none';">点这可以让文本框显示指定文字</a><br>
同时关闭这个浮动框
</div>
<input id=bb type=text value="点我">
<script>
function getLeft(o){
var l=o.offsetLeft;
if(o.parent){
o=o.parent;
l+=o.offsetLeft;
}
return l;
}
function getTop(o){
var t=o.offsetTop;
if(o.parent){
o=o.parent;
t+=o.offsetTop;
}
return t;
}
bb.onfocus=function(){
aa.style.left=getLeft(bb)+"px";
aa.style.top=getTop(bb)+bb.offsetHeight+"px";
aa.style.display="block";
}
</script>
你的时间控件放在这里<br>
下面是个简单例子,你<br>
<a href=# onclick="bb.value='Hi,你好!';aa.style.display='none';">点这可以让文本框显示指定文字</a><br>
同时关闭这个浮动框
</div>
<input id=bb type=text value="点我">
<script>
function getLeft(o){
var l=o.offsetLeft;
if(o.parent){
o=o.parent;
l+=o.offsetLeft;
}
return l;
}
function getTop(o){
var t=o.offsetTop;
if(o.parent){
o=o.parent;
t+=o.offsetTop;
}
return t;
}
bb.onfocus=function(){
aa.style.left=getLeft(bb)+"px";
aa.style.top=getTop(bb)+bb.offsetHeight+"px";
aa.style.display="block";
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询