jquery封装的对话框简单实现


Posted in Javascript onJuly 21, 2013
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 
}); 
}
Javascript 相关文章推荐
javascript闭包的高级使用方法实例
Jul 04 Javascript
javascript中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 Javascript
jQuery验证插件validate使用详解
May 11 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
May 31 Javascript
AngularJS  自定义指令详解及实例代码
Sep 14 Javascript
bootstrapValidator 重新启用提交按钮的方法
Feb 20 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
详解如何在Angular优雅编写HTTP请求
Dec 05 Javascript
JS使用数组实现的队列功能示例
Mar 04 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 #Javascript
用JavaScript实现动画效果的方法
Jul 20 #Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 #Javascript
js动态创建表格,删除行列的小例子
Jul 20 #Javascript
JavaScript中setAttribute用法介绍
Jul 20 #Javascript
jquery动态添加删除div 具体实现
Jul 20 #Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 #Javascript
You might like
PHP 一个随机字符串生成代码
2010/05/26 PHP
php中socket的用法详解
2014/10/24 PHP
用JS实现的一个include函数
2007/07/21 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
Jquery异步请求数据实例代码
2011/12/28 Javascript
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
JavaScript检查某个function是否是原生代码的方法
2014/08/20 Javascript
针对初学者的jQuery入门指南
2015/08/15 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
jQuery编写网页版2048小游戏
2017/01/06 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
webpack-mvc 传统多页面组件化开发详解
2019/05/07 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
Python 远程开关机的方法
2020/11/18 Python
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
什么是URL
2015/12/13 面试题
护理学应聘自荐书范文
2014/02/05 职场文书
文明城市标语
2014/06/16 职场文书
党政领导班子民主生活会整改措施
2014/09/18 职场文书
环卫处个人工作总结
2015/03/04 职场文书
2016公司年会主持词
2015/07/01 职场文书
Java异常处理try catch的基本用法
2021/12/06 Java/Android