是否可以跨框架显示控件（如：日历）

RT:
框架中有个页面，其中有个<input type=text name='user' ...>
当鼠标定位在input时，将显示日历，但此页面height很小，
现要求此日历显示在另一页面，请问，是否可以实现？
如能实现，请给个例子，TKS

解决方案 »

  1.   

    我曾经写过一个js，直到后来看到这个，于是我就不用自己的了。呵呵你看下这个js的日期控件非常的强大。说明也比较全~~http://www.waytop.net/my97/datepicker/3.0/demo/index.htm
      

  2.   

    to:pizzame 谢谢，我的问题不是要日历，
    而是问像日历这样的画面能否跨页面显示，
    即：在另一个页面显示日历
      

  3.   

    to:wangxf_8341 谢谢，
    在网上没搜到，
    能否给个地址?
      

  4.   

    在这去下,很好用,我用过:
    <a href="http://www.waytop.net/my97/datepicker/3.0/demo/index.htm">日期控件网址</a>
      

  5.   

    自己找了个
    先来看看frames.htm页面的源代码： <html> 
    <head> 
    <title>网页跨框架菜单 from MSDN</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    </head> 
    <frameset rows="92,*" cols="*" framespacing="4" frameborder="yes" border="4"> 
    <frame src="top.htm" name="topFrame" scrolling="NO" > 
    <frame src="bottom.htm" name="mainFrame"> 
    </frameset> 
    <noframes><body> 
    </body></noframes> 
    </html> 
    再来看看top.htm页面的源代码： <html> 
    <head> 
    <title>MSDN的示例</title> 
    <script> 
    var oPopup = window.createPopup(); 
    function richContext() 
    { 
    var lefter2 = event.offsetY 0; 
    var topper2 = event.offsetX 15; 
    oPopup.document.body.innerHTML = oContext2.innerHTML; 
    oPopup.show(topper2, lefter2, 210, 84, contextobox); 
    } 
    </script> 
    </head> 
    <body> <span id="contextobox" style=" cursor:hand; margin-left:5px; margin-right:10px; background:#e4e4e4; width:300; height:40; padding:20px;" oncontextmenu="richContext(); return false" >Right-click inside this box.</span> 
    <DIV ID="oContext2" STYLE="display:none"> 
    <DIV STYLE="position:relative; top:0; left:0; border:2px solid black; border-top:2px solid #cccccc; border-left:2px solid #cccccc; background:#666666; height:110px; width:207px;"> 
    <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='http://www.microsoft.com';"> 
    &nbsp;&nbsp;Home</DIV> 
    <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='http://search.microsoft.com';"> 
    &nbsp;&nbsp;Search</DIV> 
    <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='http://www.microsoft.com/ie';"> 
    &nbsp;&nbsp;Intenet Explorer</DIV> 
    <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.location.href='http://www.microsoft.com/info/cpyright.htm';"> 
    &#169;2001 Microsoft Corporation</DIV> 
    </DIV> 
    </body> 
    </html> 
    这个可以实现我要的效果，
    现在的问题是他是点击右键才能跨框架，
    而我要的是鼠标定位到<input>时跨框架，
    在input里 onkeydown="Calc.password.value=this.value"
     onblur="manager.className='tip_off'"
     onclick="password1=this;showkeyboard();this.readOnly=1;Calc.password.value=''"
    才能弹出一个控件，请问该如何修改?