如何实现从模式窗体-网页对话框 中获得返回值
2009-07-09 18:25
232 查看
显示效果如下图所示:
在这里我共分为二个页面 一个是 main.htm 是调用模式
另一个是 Dialog.htm 也就是要显示的模式窗体页面,为了便于学习,我尽量将代码少量化,方便初学者一看就懂
其体代码如下:
main.htm
<head>
<title>主界面</title>
<script language="javascript" type="text/javascript">
<!--
var str="";
function Button1_onclick() {
window.showModalDialog("Dialog.htm",window,"resizable:yes;scrollbars:no;status:no;help:no;dialogWidth:330px;dialogHeight:230px");
//注 : () 中的 window 一定要写 而且 不能是别的字符
}
function setSpan1()
{
document.all("span1").innerHTML =str;
}
// -->
</script>
</head>
<body>
<input id="Button1" type="button" value="显示模式窗体" language="javascript" onclick="return Button1_onclick()" /><br />
<br />
显示模式窗体输入的内容:<br />
<span id="span1"></span>
</body>
</html>
其中此页面中的一个调用模式窗体的方法
window.showModalDialog("Dialog.htm",window,"resizable:yes;scrollbars:no;status:no;help:no;dialogWidth:320px;dialogHeight:220px");
中的 window 是必须要有的,而且还不能是别的名字 ,否则将得不到返回值 还会找不到对像的错误出现。
Dialog.htm
<head>
<title>模式窗体</title>
<script language="javascript" type="text/javascript">
<!--
var txt;
var main=window.dialogArguments;
function returnInfo() {
txt=document.all("TextArea1").value;
main.str =txt // str 为 main.htm 窗体中的一个 js 全局变量
main.setSpan1(); // setSpan1() 为 main.htm 窗体中的一个 js 方法
}
// -->
</script>
</head>
<body>
<textarea name="TextArea1" id="TextArea1" onkeypress="returnInfo()" style="width: 300px; height: 150px"></textarea>
<br />
<input id="Button2" type="button" value="确定" onclick="returnInfo();window.close();" />
<input id="Button3" type="button" value="取消" onclick="window.close();" />
</body>
</html>
在此页面中最主要的莫过于
var main=window.dialogArguments; 这行代码的应用了,可以简单的理解成 取得父窗体这个对象吧
main.str =txt // str 为 main.htm 窗体中的一个 js 全局变量 也相当于属性的作用吧:)
main.setSpan1(); // setSpan1() 为 main.htm 窗体中的一个 js 方法
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/qghboy/archive/2007/11/16/1887804.aspx
在这里我共分为二个页面 一个是 main.htm 是调用模式
另一个是 Dialog.htm 也就是要显示的模式窗体页面,为了便于学习,我尽量将代码少量化,方便初学者一看就懂
其体代码如下:
main.htm
<head>
<title>主界面</title>
<script language="javascript" type="text/javascript">
<!--
var str="";
function Button1_onclick() {
window.showModalDialog("Dialog.htm",window,"resizable:yes;scrollbars:no;status:no;help:no;dialogWidth:330px;dialogHeight:230px");
//注 : () 中的 window 一定要写 而且 不能是别的字符
}
function setSpan1()
{
document.all("span1").innerHTML =str;
}
// -->
</script>
</head>
<body>
<input id="Button1" type="button" value="显示模式窗体" language="javascript" onclick="return Button1_onclick()" /><br />
<br />
显示模式窗体输入的内容:<br />
<span id="span1"></span>
</body>
</html>
其中此页面中的一个调用模式窗体的方法
window.showModalDialog("Dialog.htm",window,"resizable:yes;scrollbars:no;status:no;help:no;dialogWidth:320px;dialogHeight:220px");
中的 window 是必须要有的,而且还不能是别的名字 ,否则将得不到返回值 还会找不到对像的错误出现。
Dialog.htm
<head>
<title>模式窗体</title>
<script language="javascript" type="text/javascript">
<!--
var txt;
var main=window.dialogArguments;
function returnInfo() {
txt=document.all("TextArea1").value;
main.str =txt // str 为 main.htm 窗体中的一个 js 全局变量
main.setSpan1(); // setSpan1() 为 main.htm 窗体中的一个 js 方法
}
// -->
</script>
</head>
<body>
<textarea name="TextArea1" id="TextArea1" onkeypress="returnInfo()" style="width: 300px; height: 150px"></textarea>
<br />
<input id="Button2" type="button" value="确定" onclick="returnInfo();window.close();" />
<input id="Button3" type="button" value="取消" onclick="window.close();" />
</body>
</html>
在此页面中最主要的莫过于
var main=window.dialogArguments; 这行代码的应用了,可以简单的理解成 取得父窗体这个对象吧
main.str =txt // str 为 main.htm 窗体中的一个 js 全局变量 也相当于属性的作用吧:)
main.setSpan1(); // setSpan1() 为 main.htm 窗体中的一个 js 方法
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/qghboy/archive/2007/11/16/1887804.aspx
相关文章推荐
- [Web]如何实现从模式窗体-网页对话框 中获得返回值
- 如何实现从模式窗体-网页对话框 中获得返回值
- [Web]如何实现从模式窗体-网页对话框 中获得返回值
- [Web]如何实现从模式窗体-网页对话框 中获得返回值
- (三十一)工具方法:获得应用程序包名/安装apk/如何获得当前栈顶的Activity/android如何实现点击一个按钮进入指定网页
- 如何实现打开网页自动弹出QQ对话框
- 如何在C#中实现窗体全屏模式
- 详解用CSS来实现网页"模式对话框"效果
- 使用webbroswer时如何实现windows 窗体与网页的互交
- WinForm中如何实现网页中框架效果(panel与子窗体)
- 如何利用Composite模式实现多样化的粒子系统
- 响应式网页中,如何只用CSS实现div的高和宽保持固定比例
- C#实现让窗体获得焦点的方法示例
- 如何用C实现一个类以及些许设计模式
- 如何将网页中尾部版权信息固定在网页最末端,且随着窗口变化实现自适应。
- 当应用程序不是以UserInteractive 模式运行时显示模式对话框或窗体
- IE8如何定义浏览器工作模式避免网页显示混乱
- C#开发 WinForm如何在选项卡中集成加载多个窗体 实现窗体复用(图文)
- 在.Net的WinForm开发中如何实现控件随窗体大小的改变而自动适应其改变
- win7下 窗体玻璃效果的实现和WindowStyle None模式下的移动 wpf