<t">

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

80酷酷网    80kuku.com

  js|window

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" " 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="上传文件" ></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="关闭窗口" >
</body>
</html>



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: