nom吧 关注:17贴子:93
  • 0回复贴,共1

JS:window.showModalDialog和window.returnValue的应用

只看楼主收藏回复

fireForm.htm:点击“上传”按钮弹出内部窗口(showModalDialog),代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function onObjMore(url,name,height,width,formName) {
 //window.alert(formName.file.type);
 var feature = "dialogWidth:"+width+"px;dialogHeight:"+height+"px;scroll:yes;status:no;help:no;center:1";
 var returnTarget = window.showModalDialog(url, name, feature);
 if(returnTarget != undefined && returnTarget.length > 1) {
  //document.location = returnTarget;
  formName.file.value=returnTarget;
 }
 return false;
}
</script>
<link href="css/aljoin.css" rel="stylesheet" type="text/css">
</head>

<body>
<form name="proForm" method="post" action="">
  <table width="400" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="93" height="25" style="white-space:nowrap " nowrap>文件</td>
      <td width="307" height="25"><input name="file" type="text" id="file"></td>
    </tr>
    <tr>
      <td height="25"> </td>
      <td height="25"><input type="button" name="Submit" value="上传文件" onClick="onObjMore('upfile.htm','upfile',300,300,proForm)"></td>
    </tr>
  </table>
</form>
</body>
</html>


upfile.htm:点击”关闭”按钮返回window.returnValue值给opener,代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function exit() {
window.returnValue = "images/upload/2004080512.jpg";
window.close();
}
</script>
</head>
<body>
<input name="" type="button" value="关闭窗口" onClick="exit()">
</body>
</html>





1楼2005-04-13 23:24回复