2009-07-17
在web页面中需要弹出一些模态窗口,对于如何应用大体做了一下总结。
打开模态窗口
var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:'no'");
//显示dialog窗,result变量为此窗返回值数组
从模态窗口返回值
window.returnValue=”aaa” //返回aaa,可直接从表单里获取数据如document.all.textfield.value;
window.close(); //关闭模态窗口
向模态窗口传值 传递
var args = new array();
args[0]=”a”; //第一个参数为”a”
args[1]=”b”; //第二个参数为”b”
url="a2.htm";
state="dialogWidth:200px;dialogHeight:100px;status:'no'";
var result = showModalDialog(url, args,state);
窗口中接收
v1=window.dialogArguments[0];
v2=window.dialogArguments[1];
模态窗口中的页面提交问题 在模态窗口中,如有提交按钮,点击后会弹出新的页面。解决此问题有两方法
1、在head中,添加<base target="_self">
注意:不要在form中再添加target="_self" 否则失效
2、把弹出的窗口页面做成框架网页,去加载要展示的网页
分享到:
相关推荐
使用div仿javascript模态窗口,感觉很不错的资源哦。喜欢的朋友可以下载下
JavaScript 模态窗口,经历2次升级,使用方便,操作灵活, 支持IE、Mozilla FireFox、Sarafi、Opera、Chrome等多浏览器,版权所有,请勿用作商业用途
模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现
本人根据开源代码,结合自己项目需要,编写的一个简单的JavaScript的div式模态弹出窗口!
draggable-google-modal是一款可拖拽的谷歌样式纯javascript模态窗口插件。该模态窗口插件使用纯js编写,模态窗口可以任意进行拖动,并且模态窗口可以全屏放大,或左右对齐占据半边屏幕。
tingle.js是一款简单实用的纯JavaScript模态窗口插件。该模态窗口使用CSS来渲染样式,支持CSS3过渡动画,提供编程API。简单易用,效果时尚美观。
tingle.js是一款简单实用的纯JavaScript模态窗口插件。该模态窗口使用CSS来渲染样式,支持CSS3过渡动画,提供编程API。简单易用,效果时尚美观。
div css 窗口 模态窗口 JavaScript css
javascript调用的模态窗口,能返回参数给调用页面
具体讲解了模态与非模态窗口的基本参数以及传值问题
modal_window:简单JavaScript模态窗口示例
这是一款带19种炫酷CSS3过渡动画的jQuery模态窗口插件。该插件基于Codrops的ModalWindowEffects来制作,通过jQuery插件的方式来统一管理各种打开模态窗口的效果。
下面这个Demo支持回调,可以直接引用modalDialog.js使用,不存在任何Jquery的影子 global.js 代码如下: window.js = new myJs(); //为了避免名称重复我们换个名称,附加一个myJs对像到window对象上,然后我们在页面中...
javascript模态对话框的使用demo,注意弹出窗口在head部分的设置,如果模态对话框禁用缓存,也是在head中设置
window.open[removed].href, “__self”) //注意是2个下划线 替换 location.href 当需要关闭第N(N>1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止刷新时弹出新窗口, 可以通过returnValue 以传递返回值给第N-1...
MODALit是一款纯js响应式模态窗口和弹出层插件。MODALit可以用于制作lightbox,模态窗口,对话框和弹出层等。
jQuery模态窗口用户注册代码.zip
jQuery模态窗口打开动画效果.zip