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 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
慎用 somefunction.prototype 分析
Jun 02 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
javascript 使用 NodeList需要注意的问题
Mar 04 Javascript
jQuery对象与DOM对象之间的相互转换
Mar 03 Javascript
论Bootstrap3和Foundation5网格系统的异同
May 16 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 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实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
百度地图API使用方法详解
2015/08/25 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
jquery简单体验
2007/01/10 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
JS使用正则表达式除去字符串中重复字符的方法
2015/11/05 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
jquery实现文本框的禁用和启用
2016/12/07 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
python dict.get()和dict['key']的区别详解
2016/06/30 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
python多线程高级锁condition简单用法示例
2019/11/07 Python
python-numpy-指数分布实例详解
2019/12/07 Python
Python Sphinx使用实例及问题解决
2020/01/17 Python
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
Anthropologie英国:美国家喻户晓的休闲服装和家居产品品牌
2018/12/05 全球购物
小学生成长感言
2014/01/30 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
招商引资工作汇报
2014/10/28 职场文书
财务总监岗位职责
2015/02/03 职场文书
2015年端午节活动策划书
2015/05/05 职场文书
python如何获取网络数据
2021/04/11 Python
Python中request的基本使用解决乱码问题
2022/04/12 Python