jquery封装的对话框简单实现

(编辑:jimmy 日期: 2024/10/10 浏览:2)

复制代码 代码如下:
var _alert_iconCss = "tipmsg_icoInfo";
var _confirm_iconCss = "tipmsg_icoConfirm";
var _error_iconCss = "tipmsg_icoError";
var _warning_iconCss = "tipmsg_icoWarning";
function dialogInit(type, msg) {
var iconCss = "";
switch (type) {
case "confirm" : iconCss = _confirm_iconCss; break;
case "error" : iconCss = _error_iconCss; break;
case "warning" : iconCss = _warning_iconCss; break;
default : iconCss = _alert_iconCss; break;
}

var htmlStr = "<div id='" + type + "Div' style='display: none;'><p><span class='" + iconCss + "' style='float:left; margin:0 7px 50px 0;width:35px;height:35px;'></span>" + msg + "</p></div>";
return htmlStr;
}
function Alert(msg, okCallback) {
var title = "提示";
var type = "alert";
var html = dialogInit(type, msg);
var div = $("body").find("#"+type+"Div");
div.remove();
$('body').append($(html));

var buttons = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
}
};

$("#"+type+"Div").dialog({
modal : true,
title : title,
buttons : buttons
});
}
function Confirm(msg, okCallback, cancelCallback) {
var title = "确认";
var type = "confirm";
var html = dialogInit(type, msg);
var div = $("body").find("#"+type+"Div");
div.remove();
$('body').append($(html));

var buttons = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
},
"取消" : function () {
if(cancelCallback) cancelCallback();
$(this).dialog("close");
}
};
$("#"+type+"Div").dialog({
modal : true,
title : title,
buttons : buttons
});
}
function Error(msg, okCallback) {
var title = "错误";
var type = "error";
var html = dialogInit(type, msg);
var div = $("body").find("#"+type+"Div");
div.remove();
$('body').append($(html));

var buttons = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
}
};

$("#"+type+"Div").dialog({
modal : true,
title : title,
buttons : buttons
});
}
function Warning(msg, okCallback) {
var title = "警告";
var type = "warning";
var html = dialogInit(type, msg);
var div = $("body").find("#"+type+"Div");
div.remove();
$('body').append($(html));

var buttons = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
}
};

$("#"+type+"Div").dialog({
modal : true,
title : title,
buttons : buttons
});

}

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。