我想点一个文本框，弹出一个浮动的窗口，请教高手

我想点一个文本框，弹出一个浮动的窗口。
只想用最简单的方法，不想用AJAX等高级方法（动作太大了）。

是浮动的窗口，不改变原来页面布局，不要错位，就是浮动在其它元素上边。

能不能给一个最简单的完整的源码？ --------------------编程问答--------------------



//获取查询结果

function getSearchResult(queryurl,tbname,hfnameid,iflag,btngetinfo,event)

{

    txtname=tbname;

    txtnameid=hfnameid;

    btntgetinfo=btngetinfo;



    if(event.keyCode!=38 && event.keyCode!=40 && event.keyCode!=32 && event.keyCode!=9 && event.keyCode!=13)

    {

       createXMLHttpRequest();

       if(!xmlHttp)

        {

            window.alert("Cannot create XMLHttpRequest instance!");

            return false;

        }

       var parmurl="keydata="+escape($(txtname).value);

       if(iflag==1){parmurl+="&f=1";}

       xmlHttp.onreadystatechange = callback;

       xmlHttp.open("POST", queryurl, true);

       xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); 

       xmlHttp.send(parmurl);

    }

}

调用：

     <asp:TextBox ID="tbSupName" runat="server" Width="317" CssClass="pin autot" onmousedown="getSearchResult('../Basic/SchSupList.aspx','tbSupName','hfSupID','','',event);" onkeyup="getSearchResult('../Basic/SchSupList.aspx','tbSupName','hfSupID','','',event);" AutoCompleteType="Disabled"></asp:TextBox>

--------------------编程问答-------------------- <input  type="text" onclick="window.open('WebForm1.aspx', 'newwindow', 'height=400,width=600,top=150,left=400,易做图=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no');"/> --------------------编程问答-------------------- 没看太明白,使用div 或iframe 等元素不就行了吗 --------------------编程问答-------------------- 'height=400,width=600,top=150,left=400 你自己调整 --------------------编程问答-------------------- 不知道要干什么用的 --------------------编程问答-------------------- 可以做选择项使用，就像选择地点类似，JQuery插件一堆 --------------------编程问答-------------------- 我也试了好多，但没有理想的 --------------------编程问答-------------------- div  绝对定位用 js控制隐藏显示 --------------------编程问答-------------------- http://www.planeart.cn/demo/artDialog/index.html

用这个，有你想要的 --------------------编程问答-------------------- 用DIV
文本框选中的时候就显示，没就隐藏 --------------------编程问答-------------------- 我想使用div，有简单的完整的源码没有？
如果用PANEL呢？ --------------------编程问答-------------------- 请给一页完整的源码吧。

网上查了半天，就没有简单的完整的源码。

我只要求，在一个文本框，点了后，文本框下边出现一个浮动的面板。不要改变页面的布局。 --------------------编程问答-------------------- 网上搜搜一大堆哈。。。js弹出层。。 --------------------编程问答-------------------- 我再将我的需求说的详细一点：

一、点一个文本框。

二、在文本框下边出现一个浮动的DIV窗口。

三、出现窗口各关闭窗口时不改变页面布局，窗口是浮动在其它元素上的。

四、浮动的窗口可关闭。

请给一个最简单的完整的代码页。谢谢。 --------------------编程问答-------------------- <html>
<head>
<script type="text/javascript">
function S(i) { return document.getElementById(i); }
function download( evt, fid){
var _event = evt ? evt : event;
var _target = evt ? evt.target : event.srcElement;
var _p = S( fid );
_p.style.top = _event.clientY + document.body.scrollTop ;
_p.style.left = ( _event.clientX + document.body.scrollLeft < 160 ? _event.clientX + document.body.scrollLeft + 10  : _event.clientX  + document.body.scrollLeft - 120 );
Show( fid , true );
_p.focus();
}
function Show(obj, bShow) {
obj = (typeof(obj) == "string" ? S(obj) : obj);
if (obj) obj.style.display= (bShow ? "" : "none");
}
function hideDownloadPanel( evt ){
Show( evt ,false);
}
function checkClick(evt){
var _target = evt ? evt.target : event.srcElement ;
var _id = _target.id;
if( _id == "" ){
  _id = _target.parentNode.id;
}
if( _id != "downloadPanel"&& _id.indexOf( "downloadLink" ) < 0 ){
  Show( evt , false );
}
}
window.onload = function(){
document.body.onclick=checkClick;
}
</script>
<style type="text/css">
html,body{
font-size:12px;
}
img {border:none}
a {color:#4d5d2c;text-decoration:underline;cursor:pointer;}
.pointer {cursor:pointer;}
.right {float:right}
.right img{margin:0 0 0 6px}
.infobar {background:#fff9e3;border:1px solid #fadc80;color:#743e04;margin-bottom:10px;padding:8px 20px 4px 20px;}
</style>
</head>
<body>
<div id="downloadPanel" style="position:absolute;top:0px;left:0px;width:160px;z-index:999;padding:6px 2px 6px 10px;border:1px solid #fb7;display:none;" class="infobar">
<a href="#" class="right pointer" onClick="hideDownloadPanel(downloadPanel);">关闭</a><br>
Hello world
</div>
<div id="downloadPanel1" style="position:absolute;top:0px;left:0px;width:160px;z-index:999;padding:6px 2px 6px 10px;border:1px solid #fb7;display:none;" class="infobar">
<a href="#" class="right pointer" onClick="hideDownloadPanel(downloadPanel1);">关闭</a><br>
你好，中国
</div>
<a id="downloadLink12"  title="" onClick="download( event, 'downloadPanel1' );" >我他妈的下载你一百个行不行？</a><br/>
<a id="downloadLink13"  title="" onClick="download( event, 'downloadPanel' );" >下载</a><br/><br/><br/>
<a id="downloadLink14"  title="" onClick="download( event, 'downloadPanel');" >下载</a><br/><br/><br/><br/><br/><br/>

<div id="downloadPanel9" style="position:absolute;top:0px;left:0px;width:300px;z-index:999;padding:6px 2px 6px 10px;border:1px solid #fb7;display:none;" class="infobar"><a href=# class="right pointer" onClick=hideDownloadPanel("downloadPanel9");>关闭</a><br>
反反复复<br>
主要负责全单位党委工作<br>
接待工作

</div>

<table width="300" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">监管单位名称</td>
  </tr>
  <tr>
    <td align="center">监管人员职能</td>
  </tr>
  <tr>
    <td align="center">监管职务</td>
  </tr>
  <tr>
    <td><a id="downloadLink9" onClick="download(event, 'downloadPanel9')">监管职能</a></td>
  </tr>
</table>
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:-20px; left:0px; width:400px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>

</body>
</html>
--------------------编程问答-------------------- 好，值得保存

补充：.NET技术 ,  ASP.NET