JavaScript实现弹出查询窗口
有一个查询按钮,当我单击这个查询按钮,弹出一个查询的窗口,这个窗口中有很多的查询字段(例如:姓名,地址,身份证),在这个窗口中有一个确定按钮,按下这个确定按钮,这个查询窗口消失,同时这个页面的列表中显示出查询的内容,请问大家这个查询窗口怎样用JavaScript实现,谢谢各位高手,小弟等着急用,谢谢了!
------解决方案--------------------请参考这个,这是我们系统上的一个代码 
  <!-- Div Start-->  
 			 <DIV id= "TipDiv " style= "DISPLAY: none; POSITION: absolute; TOP: 1150px ">  
 				 <TABLE cellSpacing= "0 " cellPadding= "0 " width= "90% " border= "0 ">  
 					 <TR onmouseup= "cleardrag() " onmousedown= "drags(TipDiv) ">  
 						 <TD width= "2 ">  <IMG src= "../XPimages/N_title1.gif ">  </TD>  
 						 <td background= "../XPimages/n_title.gif ">  
 							 <table cellSpacing= "0 " cellPadding= "0 " width= "100% " border= "0 ">  
 								 <tr>  
 									 <td align= "left ">  <IMG src= "../XPimages/system_icon.gif ">  <b>  <font color= "#ffffff ">  <span id= "TipSpan "> 修改资料: </span>  </font>  </b>  </td>  
 									 <td align= "right ">  <A onmouseover= "document[ 'CloseImage '].src =  '../XPimages/close_over.gif '; " onmouseout= "document[ 'CloseImage '].src =  '../XPimages/close.gif '; " 
 											href= "javascript:ShowTip(1); ">  <IMG src= "../XPimages/close.gif " align= "right " border= "0 " name= "CloseImage ">  
 										 </A>  
 									 </td>  
 								 </tr>  
 							 </table>  
 						 </td>  
 						 <td width= "2 ">  <IMG src= "../XPimages/N_title2.gif ">  </td>  
 					 </TR>  
 					 <tr>  
 						 <td width= "2 " background= "../XPimages/N_center1.gif ">  </td>  
 						 <td>  
 							 <table cellSpacing= "0 " borderColorDark= "#ffffff " cellPadding= "0 " width= "100% " borderColorLight= "#000000 " 
 								border= "1 " frame= "border ">  
 								 <TBODY>  
 									 <tr class= "trContent ">  
 										 <td style= "DISPLAY: none " noWrap>   </td> 										 
 										 <td style= "HEIGHT: 16px " noWrap> 凭证日期 </td>  
 									 </tr>  
 									 <tr class= "trContent ">  
 										 <td style= "DISPLAY: none ">  <input name= "Ops " id= "Ops " type= "hidden " value= "insert " />  </td>  
 										 <td>  <span id= "LC_Item " style= "width:80px; ">  </span>  </td>  
 										 <td>  <input name= "TN_QkAmt " type= "text " id= "TN_QkAmt " style= "width:80px; " />  </td>  
 										 <td>  <select name= "DAccNo " id= "DAccNo " class= "input1 " style= "width:124px; ">  
 	 <option value= " "> ---请选择--- </option>  
 	 <option value= "721030 "> 醫療/壽險 </option>    
  </select>  </td>  
 										 <td>  <input name= "TC_InvoceNo " type= "text " id= "TC_InvoceNo " style= "width:80px; " />  </td>  
 										 <td>  <input name= "PopDate3:Text1 " type= "text " value= "2007/05/02 " maxlength= "10 " id= "PopDate3_Text1