`

modalbox使用

阅读更多
需要引入的文件
  <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();
}
分享到:
评论

相关推荐

    Prototype模态窗口插件ModalBox.zip

    此插件是基于GrayBox技术开发的,模态窗口使用ajax异步加载内容,可以很方便的与其他服务器端语言交互使用。 ModalBox新版增加的功能特性: 离线模式。 自动调整高度。 modalbox将会根据内容调整窗口高度 ...

    ModalBoxAndMessage

    标签"ModalBox"进一步强调了我们讨论的核心内容——模态对话框。在实际应用中,如何优雅地处理模态对话框和主窗口之间的消息交互,以提供良好的用户体验,是软件开发中的一项挑战。 总结来说,"ModalBoxAndMessage...

    使用HTML5和CSS3制作一个模态框的示例

    在上面的CSS中,`.modalbox:target`是一个CSS选择器,用来检测URL的片段标识符是否匹配`.modalbox`的ID。当用户点击链接或按钮打开模态框时,URL的片段标识符会相应地更新,从而触发`.modalbox:target`选择器,并...

    带CSS3动画过渡效果的jQuery模态窗口插件

    jquery.modalBox是一款效果非常炫酷的带CSS3动画过渡效果的jQuery模态窗口插件。该模态窗口使用Animate.css来制作CSS3动画过渡效果。它使用简单,文件体积小,而且动画效果非常的流畅。

    在vs2005基于prototype.js的模态弹出窗口

    在Prototype.js中,可以使用`ModalBox`插件或者自定义JavaScript代码来实现这一效果。`ModalBox`是Prototype.js的一个扩展,提供了一种创建模态对话框的简单方式。 创建模态弹出窗口的步骤如下: 1. **HTML结构**...

    基于jQuery弹出层插件实现的多种不同展开方式的遮罩效果.zip

    常见的插件如jQuery UI的Dialog,Bootstrap的Modal,以及专门的弹出层插件如Layer、Modalbox等。这些插件通常包括以下关键组件: 1. **弹出层容器**:这是弹出内容显示的地方,可以通过CSS调整其样式、位置和大小。...

    prototype操作文档和源码(1.5)

    5. **模态对话框与特效**:Prototype库还包含了一些UI组件,如`ModalBox`和动画效果,可以帮助开发者快速构建具有交互性的用户界面。 接下来,`prototype1.6`可能是Prototype库的1.6版本源码,这将帮助开发者深入...

    jquery仿div透明模态弹出窗插件下载

    4. **自定义插件**:如果要将上述功能封装成一个插件,可以创建一个名为`modalBox`的函数,并添加自定义选项。例如: ```javascript $.fn.modalBox = function(options) { var settings = $.extend({ openTrigger...

    jquery-Modal-Plug(jQuery模态框插件)

    2. **初始化插件**:通过调用特定的jQuery选择器和方法,比如`$.modalBox()`,来激活模态框功能。在元素的点击事件中触发模态框的显示。 3. **配置选项**:jQuery-Modal-Plug可能提供了多种配置选项,例如模态框的...

    10个最佳jQuery Lightbox效果插件收集

    在网页设计中,jQuery Lightbox效果插件是用于创建引人入胜的图像、视频和多媒体展示的重要工具。...无论你是网页设计师还是前端开发者,掌握这些插件的使用将有助于提升网站的用户体验,使媒体内容更加引人注目。

    BloodConnector:Blood Connector 是一个使用 react-native 创建的移动应用

    “react-native-modalbox 1.5.0” 对于模态 "react-native-button 2.3.0" 对于按钮 "react-native-share 1.0.27" 用于社交分享 安装 克隆存储库: # HTTPS clone URL $ git clone ...

    reactnative 弹出框demo

    此外,还可以利用第三方库如`react-native-popup-dialog`或`react-native-modalbox`来进一步增强弹出框功能,比如添加触摸背景半透明层、自定义动画效果、支持多按钮等。 总的来说,这个“reactnative 弹出框demo”...

    微信小程序实现弹框效果

    .modalBox { ... } .modalConf { ... } .hidePick { ... } .hideModal { ... } ``` 这里定义了各个组件的样式,包括按钮、遮罩层和弹出框的布局、颜色、边框等。 JS部分: ```javascript Page({ data: {}, ...

    23个Javascript弹出窗口特效整理

    5. ModalBox:这是一个基于Prototypescript.aculo.us框架开发的组件,用于生成Web2.0风格的模态对话框。它的内容可以通过Ajax加载或普通的HTML页面。 6. JQueryFloatDialog:这是一个浮动模式对话框,它可以通过...

    微信小程序日历弹窗选择器代码实例

    例如,`.modalBox`定义了弹窗的基本样式,`.box`则用于设置日历内容的宽度和居中显示。`.calendarTitle`和`.week`类分别用于设置日历标题和星期标题的样式。 JavaScript部分用于处理日历逻辑以及日期选择时的业务...

    meltingice file system-开源

    - **成本效益**:开源软件通常是免费的,降低了用户的使用成本。 - **透明度**:源代码公开,所有功能和行为都是可见的,增加了用户对软件的信任度。 综上所述,MeltingIce File System 是一个强大且灵活的个人...

    50款非常棒的 jQuery 插件分享

    22. ModalBox JQuery Plugin:另一种弹出窗口解决方案,提供多种样式和选项。 23. TopUp JQuery Plugin:顶部提示插件,用于快速显示消息或提示。 24. Pirobox:轻量级的图片和视频灯箱插件。 25. JQuery Google ...

Global site tag (gtag.js) - Google Analytics