如何让对话框出现在某个Input的下方（上方也行）

JK_10000 2002-06-11 08:36:48

输入日期时，双击输入区弹出日历对话框，如何控制对话框的位置刚好在被双击的input的附近。

<input ondblclick="showCalendar(this)">

<script language=javascript>

function showCalendar(obj)
{
obj.value=showModalDialog("Calendar.htm?theOldDate=2002/3/6");
}

</script>

...全文

49 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

sunbeamy 2002-06-11

打赏
举报

也可以这么写，假如你以后不是靠object的onclick事件激发也可以使用
------------------------------------------------------------------

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>

function getX(obj){
var x = window.screenLeft
var element = obj

while("BODY" != element.tagName){
x += element.offsetLeft
element = element.offsetParent
}
return x
}

function getY(obj){
var y = window.screenTop
var element = obj

y += element.offsetHeight
while("BODY" != element.tagName){

y += element.offsetTop
element = element.offsetParent
}
return y

}
function showCalendar(obj){
window.showModalDialog("Calendar.htm?theOldDate=2002/3/6","","dialogLeft:" + getX(obj) + "px;dialogTop:" + getY(obj) +"px;dialogHeight:50px" )
}
</SCRIPT>

</HEAD>
<BODY>
<br>
<br>
<P><INPUT id=text1 name=text1 onclick = showCalendar(this)></P>
<INPUT TYPE=BUTTON value="showCalendar" onclick="showCalendar(text1)">
</BODY>
</HTML>

saucer 2002-06-11

打赏
举报

try

<script language=javascript>
function showCalendar(obj)
{
obj.value=showModalDialog("Calendar.htm?theOldDate=2002/3/6", null,"DialogLeft:"+event.screenX+";DialogTop:"+event.screenY);
}
</script>

JK_10000 2002-06-11