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 相关文章推荐
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
javascript日期计算实例分析
Jun 29 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
Sep 01 Javascript
微信小程序之绑定点击事件实例详解
Jul 07 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 Javascript
js实现适配移动端的拖动效果
Jan 13 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 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使用数组实现队列
2012/02/05 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
php遍历目录下文件并按修改时间排序操作示例
2019/07/12 PHP
laravel 框架执行流程与原理简单分析
2020/02/01 PHP
Javascript Object.extend
2010/05/18 Javascript
JavaScript游戏之是男人就下100层代码打包
2010/11/08 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
2011/04/06 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
jquery处理json对象
2014/11/03 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
详解Node.Js如何处理post数据
2016/09/19 Javascript
require.js中的define函数详解
2017/07/10 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
对Layer UI 模块化的用法详解
2019/09/26 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
学习python (1)
2006/10/31 Python
Python实现基于多线程、多用户的FTP服务器与客户端功能完整实例
2017/08/18 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
通过shell+python实现企业微信预警
2019/03/07 Python
python调用Matplotlib绘制分布点图
2019/10/18 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
趣味活动策划方案
2014/02/08 职场文书
《水乡歌》教学反思
2014/04/24 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
环保主题班会教案
2015/08/13 职场文书