需要引入的文件
<script language="javascript" type="text/javascript" src="/omsys2/html/review/js/bgiframe.js"></script>
<script language="javascript" type="text/javascript" src="/omsys2/html/review/js/modalbox.js"></script>
<link href="/omsys2/html/style/default/css/modalbox.css" rel="stylesheet" type="text/css" />
function showModal(tempObj) {
$.modalbox.show({
boxid:'box',
modal: true,
//contentType: 'html', // html selector url
// content: "<h1>这是内容</h1>", // 依据 contentType 而定
//contentType: 'selector', // html selector url
//content: "#dialog", // 依据 contentType 而定
width: 800,
height: 570,
contentType: 'url',
content: "reviewlist_search.html",
showCancel: false,
showOk: false,
title:'Please set search condition.',
showTitle: true,
onok:closebox,
okBtnName: 'OK',
cancelBtnName: 'Cancel',
// zIndex: 900,
onclose: null, // function 关闭后执行
onopen: null, // function, 只有返回true时才会显示窗口
//onok: null, // function 点击确定按钮后,窗口关闭前执行
oncancel: null // function 点击取消按钮后,窗口关闭前执行
});
}
function closebox(){
$.modalbox.close("box");
}
上面是父页面中弹出的modalbox的方法和关闭方法;
子页面中获取父页面中参数(只是做说明,具体还得看你传什么参数):
versionList = window.parent.versionList;
// alert(versionList);
// functionList = window.dialogArguments.functionList;
functionList = window.parent.functionList;
reviewConditionVO = window.parent.reviewConditionVO;
creator = window.parent.creator;
window.parent.result = getCondition();
//alert(window.parent.result);
//window.parent.close();
//dook;
window.parent.doOK();
父页面中dook方法:
function doOK()
{
设置你所需要的result值,完全根据需要来,result是从孩子页面中获得的参数
closebox();
}
分享到:
相关推荐
此插件是基于GrayBox技术开发的,模态窗口使用ajax异步加载内容,可以很方便的与其他服务器端语言交互使用。 ModalBox新版增加的功能特性: 离线模式。 自动调整高度。 modalbox将会根据内容调整窗口高度 ...
标签"ModalBox"进一步强调了我们讨论的核心内容——模态对话框。在实际应用中,如何优雅地处理模态对话框和主窗口之间的消息交互,以提供良好的用户体验,是软件开发中的一项挑战。 总结来说,"ModalBoxAndMessage...
在上面的CSS中,`.modalbox:target`是一个CSS选择器,用来检测URL的片段标识符是否匹配`.modalbox`的ID。当用户点击链接或按钮打开模态框时,URL的片段标识符会相应地更新,从而触发`.modalbox:target`选择器,并...
jquery.modalBox是一款效果非常炫酷的带CSS3动画过渡效果的jQuery模态窗口插件。该模态窗口使用Animate.css来制作CSS3动画过渡效果。它使用简单,文件体积小,而且动画效果非常的流畅。
在Prototype.js中,可以使用`ModalBox`插件或者自定义JavaScript代码来实现这一效果。`ModalBox`是Prototype.js的一个扩展,提供了一种创建模态对话框的简单方式。 创建模态弹出窗口的步骤如下: 1. **HTML结构**...
常见的插件如jQuery UI的Dialog,Bootstrap的Modal,以及专门的弹出层插件如Layer、Modalbox等。这些插件通常包括以下关键组件: 1. **弹出层容器**:这是弹出内容显示的地方,可以通过CSS调整其样式、位置和大小。...
5. **模态对话框与特效**:Prototype库还包含了一些UI组件,如`ModalBox`和动画效果,可以帮助开发者快速构建具有交互性的用户界面。 接下来,`prototype1.6`可能是Prototype库的1.6版本源码,这将帮助开发者深入...
4. **自定义插件**:如果要将上述功能封装成一个插件,可以创建一个名为`modalBox`的函数,并添加自定义选项。例如: ```javascript $.fn.modalBox = function(options) { var settings = $.extend({ openTrigger...
2. **初始化插件**:通过调用特定的jQuery选择器和方法,比如`$.modalBox()`,来激活模态框功能。在元素的点击事件中触发模态框的显示。 3. **配置选项**:jQuery-Modal-Plug可能提供了多种配置选项,例如模态框的...
在网页设计中,jQuery Lightbox效果插件是用于创建引人入胜的图像、视频和多媒体展示的重要工具。...无论你是网页设计师还是前端开发者,掌握这些插件的使用将有助于提升网站的用户体验,使媒体内容更加引人注目。
“react-native-modalbox 1.5.0” 对于模态 "react-native-button 2.3.0" 对于按钮 "react-native-share 1.0.27" 用于社交分享 安装 克隆存储库: # HTTPS clone URL $ git clone ...
此外,还可以利用第三方库如`react-native-popup-dialog`或`react-native-modalbox`来进一步增强弹出框功能,比如添加触摸背景半透明层、自定义动画效果、支持多按钮等。 总的来说,这个“reactnative 弹出框demo”...
.modalBox { ... } .modalConf { ... } .hidePick { ... } .hideModal { ... } ``` 这里定义了各个组件的样式,包括按钮、遮罩层和弹出框的布局、颜色、边框等。 JS部分: ```javascript Page({ data: {}, ...
5. ModalBox:这是一个基于Prototypescript.aculo.us框架开发的组件,用于生成Web2.0风格的模态对话框。它的内容可以通过Ajax加载或普通的HTML页面。 6. JQueryFloatDialog:这是一个浮动模式对话框,它可以通过...
例如,`.modalBox`定义了弹窗的基本样式,`.box`则用于设置日历内容的宽度和居中显示。`.calendarTitle`和`.week`类分别用于设置日历标题和星期标题的样式。 JavaScript部分用于处理日历逻辑以及日期选择时的业务...
- **成本效益**:开源软件通常是免费的,降低了用户的使用成本。 - **透明度**:源代码公开,所有功能和行为都是可见的,增加了用户对软件的信任度。 综上所述,MeltingIce File System 是一个强大且灵活的个人...
22. ModalBox JQuery Plugin:另一种弹出窗口解决方案,提供多种样式和选项。 23. TopUp JQuery Plugin:顶部提示插件,用于快速显示消息或提示。 24. Pirobox:轻量级的图片和视频灯箱插件。 25. JQuery Google ...