弹出框加载页面 -

爪哇夜未眠

浏览: 29123 次
性别:
来自: 杭州

最近访客更多访客>>

forsecond

woodding2008

proMonkeyOfHL

luckywnj

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (24)

社区版块

存档分类

弹出框加载页面

CSS Dojo

DlgUtil=function()
{
        window.top.dojo.require("dojo.widget.FloatingPane");
        this.makePane=function (action,title,top,left,width,height,appendInfo)
        {
        try
        {
            widgetIdInc();
            var widgetId = window.top.widgetId;

            var params = {loadingMessage:"<isap:message key='BPO.COM.LOADINGTEXT'/>",
            title:title,href:action,displayCloseAction:true,toggleDuration:500,resizable:false,
            templateCssString:"\n/********** Outer Window ***************/\n\n.dojoFloatingPane {\n\t/* essential css */\n\tposition: absolute;\n\toverflow: visible;\t\t/* so drop shadow is displayed */\n\tz-index: 10;\n\n\t/* styling css */\n\tborder: 1px solid;\n\tborder-color: #90b3d1;\n\tbackground-color: #cde2f9;\n}\n\n\n/********** Title Bar ****************/\n\n.dojoFloatingPaneTitleBar {\n;\n\tcursor:hand;\n\tcolor:#cde2f9;\n\tfont-weight:bold;\n\theight: 26px;\n\tpadding-left:10px;\n}\n\n.dojoFloatingPaneTitleText {\n\tfloat: left;\n\tpadding: 6px 4px 2px 2px;\n\tfont-weight:lighter;\n\twhite-space: nowrap;\n\tmargin-top:2px;\n\tcolor: #000000;\n}\n\n.dojoTitleBarIcon {\n\tfloat: left;\n\theight: 22px;\n\twidth: 22px;\n\tvertical-align: middle;\n\tmargin-right: 5px;\n\tmargin-left: 5px;\n}\n\n.dojoFloatingPaneActions{\n\tfloat: right;\n\tposition: absolute;\n\tright: 2px;\n\ttop: 2px;\n\tvertical-align: middle;\n}\n\n\n.dojoFloatingPaneActionItem {\n\tvertical-align: middle;\n\tmargin-right: 1px;\n\theight: 22px;\n\twidth: 22px;\n}\n\n\n.dojoFloatingPaneTitleBarIcon {\n\t/* essential css */\n\tfloat: left;\n\n\t/* styling css */\n\tmargin-left: 2px;\n\tmargin-right: 4px;\n\theight: 22px;\n}\n\n/* minimize/maximize icons are specified by CSS only */\n.dojoFloatingPaneMinimizeIcon,\n.dojoFloatingPaneMaximizeIcon,\n.dojoFloatingPaneRestoreIcon,\n.dojoFloatingPaneCloseIcon {\n\tvertical-align: middle;\n\theight: 22px;\n\twidth: 22px;\n\tfloat: right;\n}\n.dojoFloatingPaneMinimizeIcon {\n\tbackground-image: url(images/floatingPaneMinimize.gif);\n}\n.dojoFloatingPaneMaximizeIcon {\n\tbackground-image: url(images/floatingPaneMaximize.gif);\n}\n.dojoFloatingPaneRestoreIcon {\n\tbackground-image: url(images/floatingPaneRestore.gif);\n}\n.dojoFloatingPaneCloseIcon {\n\tvertical-align: middle;\n\theight: 26px;\n\twidth: 27px;\n\tbackground-image: url(../../../../../../resources/bpo/images/XXXX.gif);cursor: hand;\n\tbackground-repeat:no-repeat;\n\tbackground-position : center;\n}\n\n/* bar at bottom of window that holds resize handle */\n.dojoFloatingPaneResizebar {\n\tz-index: 10;\n\theight: 13px;\n\tbackground-color: #cde2f9;\n}\n\n/************* Client Area ***************/\n\n.dojoFloatingPaneClient {\n\tposition: relative;\n\tz-index: 10;\n\tborder: 0px solid;\n\tborder-color: #8C8C8C;\n\tmargin: 2px;\n\tbackground-color: #cde2f9;\n\tpadding: 10px;\n\tpadding-top: 2px;\n\tfont-family: Verdana, Helvetica, Garamond, sans-serif;\n\tfont-size: 12px;\n\toverflow: auto;\n}\n\n",
            appendInfo:appendInfo, id:widgetId, executeScripts: true};
            var size = {top:top,left:left,width:width,height:height};
            var div= window.top.document.createElement("div");
            div.style.position="absolute";
            div.innerHTML="Initial contents...";
            window.top.document.body.appendChild(div);
            for(var s in size)
            {
                div.style[s] = size[s];
            }
            widget = window.top.dojo.widget.createWidget("ModalFloatingPane", params, div);
            widget.resizeTo(width,height);

            widget.show();

            }catch (e){
       widgetIdDec();
    }
            return widget;
        }
}

分享到：