读书人

形式窗体 showModalDialog

发布时间: 2012-09-22 21:54:54 作者: rapoo

模式窗体 showModalDialog
功能: 在一个窗体A中需要打开另外一个窗体B,在B窗体中填写值,返回到A窗体中。
path参数可以是任何jsp html action 等。



父窗体parant.html

<script>function fortable1(){/****弹出模式对话框*****/path = "table.html";//向子窗体传参数:helloworld//当子窗体关闭时,把子窗体的返回值赋值给arr.var arr = window.showModalDialog(path,"helloworld","dialogHeight:500px;dialogWidth:450px;edge:Raised;center:Yes;z-look:no;help:No;resizable:no;status:yes;");if (arr!= null){var ss;ss=arr.split("*")document.all.a.value= ss[0];document.all.b.value= ss[1];}}</script></head><body><input type=text name=a><input type=text name=b><input type="button" name="S" value="选择" onClick="fortable1();"><body></body></html>




子窗体 table.html

<head><META HTTP-EQUIV="Expires" CONTENT="0"><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"></head>/*************************************************************/<SCRIPT LANGUAGE=JavaScript>function aaa(){alert(window.dialogArguments);//获取父窗体传过来的参数window.returnValue = selrow.value+"*"+selcol.value;//向父窗体传值window.close();}</SCRIPT></HEAD><BODY  >输入表格<table border="0" cellspacing="10" cellpadding="0">    <tr><td><INPUT TYPE=TEXT SIZE=7 ID=selrow></td><td>         <input type=text id=selcol size=7>     </tr>     <tr><td><BUTTON ID=Ok TYPE=button ONCLICK="aaa();">传值</BUTTON>         </td>     </tr></table></BODY>  </HTML>



知识: 
1:vReturnValue = window.showModalDialog(sURL [, vArguments][,sFeatures])方法用来创建一个显示HTML内容的模式对话框。

sURL -- 必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。  
sFeatures -- 可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。

可选字符串

dialogHeight:sHeight 可选字符串,指定对话框窗口的修饰,使用与一个或多个值以分号分隔。   
dialogHeight:sHeight 设置对话框窗口的高度(见备注默认度量单位)。   
dialogLeft: sXPos 置对话框窗口相对于桌面左上角的左侧位置。   
dialogTop:sYPos 置对话框窗口相对于桌面左上角的榜首位置。   
dialogWidth:sWidth  设置对话框窗口的宽度(见备注默认度量单位)。   
center:{ yes | no | 1 | 0 | on | off } 中心指定是否要在桌面对话窗口。.默认为 yes。   
dialogHide:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否隐藏在打印或使用打印预览。此功能只有当一个对话框是从信任的应用程序打开。默认是no。   
edge:{ sunken | raised }   指定对话框窗口边缘风格。 默认是raised 。  
resizable:{ yes | no | 1 | 0 | on | off } 指定对话框窗口中是否有固定的尺寸。 默认是no。   
scroll:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否显示滚动条。默认为 yes。   
status:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否显示状态栏。默认为yes不受信任的对话窗口和窗口不信任的对话。   
unadorned:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否显示边框的窗口浏览器。 此功能只有当一个对话框是从信任的应用程序打开。默认是no。

读书人网 >Web前端

热点推荐