弹出框加载页面

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;
}
}