形式窗体 showModalDialog

2012-09-22

模式窗体 showModalDialog功能：在一个窗体A中需要打开另外一个窗体B，在B窗体中填写值，返回到A窗体中。path

模式窗体 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前端

形式窗体 showModalDialog