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 相关文章推荐
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
Aug 18 Javascript
浅谈javascript的闭包
Jan 23 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
使用vscode快速建立vue模板过程详解
Oct 10 Javascript
JavaScript实现轮播图片完整代码
Mar 07 Javascript
vue前端工程的搭建
Mar 31 Vue.js
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抓取https的内容的代码
2010/04/06 PHP
一些被忽视的PHP函数(简单整理)
2010/04/30 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
PHP读取文件并可支持远程文件的代码分享
2012/10/03 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
从零开始学习jQuery (八) 插播:jQuery实施方案
2011/02/23 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
2013/01/20 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
2018/09/26 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
2018/11/30 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
javascript的hashCode函数实现代码小结
2020/08/11 Javascript
python实现ip查询示例
2014/03/26 Python
Python中的两个内置模块介绍
2015/04/05 Python
Python模拟三级菜单效果
2017/09/11 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
python软件都是免费的吗
2020/06/18 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
介绍下Java的输入输出流
2014/01/22 面试题
写自荐信有哪些不宜?
2013/10/17 职场文书
行政助理求职自荐信
2013/10/26 职场文书
药学专业大专生的自我评价
2013/12/12 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
世界遗产的导游词
2015/02/13 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis