代码示例:
调用示例
var _frameDialog = new FrameDialog("noname1.html", 480, 450);
_frameDialog.showDialog();
dialog.js 文件
FrameDialog = Class.create();
FrameDialog.prototype = {
initialize : function(src, width, height) {
this.src = src;
this.width = width;
this.height = height;
if ($("EasyFRMS_ModalDialog")==null){
var _dialogHTML = "<html><body scroll='no' bgcolor='#ffffcc'></body></html>";
var _dialog = document.createElement("IFRAME");
_dialog.id = "EasyFRMS_ModalDialog";
_dialog.src = "about:blank";
_dialog.frameBorder = 0;
document.body.appendChild(_dialog);
window.EasyFRMS_ModalDialog.document.open();
window.EasyFRMS_ModalDialog.document.write(_dialogHTML);
window.EasyFRMS_ModalDialog.document.close();
$("EasyFRMS_ModalDialog").setStyle({"top":"0px","left":"0px","width":"0px","height":"0px","position":"absolute","visibility":"hidden","filter":"alpha(opacity=0)"});
}
if ($("EasyFRMS_ModalFrame")==null){
var _dialog = document.createElement("IFRAME");
_dialog.id = "EasyFRMS_ModalFrame";
_dialog.src = this.src;
_dialog.frameBorder = 0;
_dialog.allowtransparency="true";
document.body.appendChild(_dialog);
$("EasyFRMS_ModalFrame").setStyle({"top":"0px","left":"0px","width":"0px","height":"0px","position":"absolute","visibility":"hidden","background-color":"transparent"});
}else{
$("EasyFRMS_ModalFrame").src = this.src;
}
},
showDialog : function() {
var _button_index = 1;
var _dlgWidth = Math.max(document.body.scrollWidth,document.body.clientWidth);
var _dlgHeight = Math.max(document.body.scrollHeight,document.body.clientHeight);
var _freX = document.body.scrollLeft + document.body.clientWidth/2 - this.width/2;
var _freY = document.body.scrollTop + document.body.clientHeight/2 - this.height/2;
var _freWidth = this.width;
var _freHeight = this.height;
$("EasyFRMS_ModalDialog").alpha = 0;
$("EasyFRMS_ModalDialog").setStyle({"top":"0px","left":"0px","width":_dlgWidth,"height":_dlgHeight,"visibility":"visible"});
$("EasyFRMS_ModalFrame").setStyle({"top":_freY,"left":_freX,"width":_freWidth,"height":_freHeight,"visibility":"visible"});
$("EasyFRMS_ModalDialog").timer = window.setInterval(this.showAlpha, 10);
document.body.disabled = true;
},
closeDialog : function(){
$("EasyFRMS_ModalDialog").setStyle({"visibility":"hidden"});
$("EasyFRMS_ModalFrame").setStyle({"visibility":"hidden"});
document.body.disabled = false;
},
showAlpha : function(){
if ($("EasyFRMS_ModalDialog")!=null){
$("EasyFRMS_ModalDialog").alpha += 10;
$("EasyFRMS_ModalDialog").setStyle({"filter":"alpha(opacity=" + $("EasyFRMS_ModalDialog").alpha + ")"});
if ($("EasyFRMS_ModalDialog").alpha>50){
window.clearInterval($("EasyFRMS_ModalDialog").timer);
}
}
}
}
模态窗口 javascript 脚本
最新推荐文章于 2021-05-31 00:23:19 发布