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 不能释放内存.
Sep 07 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
May 07 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
Sep 06 Javascript
JavaScript隐式类型转换
Mar 15 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
浅谈TypeScript的类型保护机制
Feb 23 Javascript
BootStrap前端框架使用方法详解
Feb 26 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
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
Wordpress php 分页代码
2009/10/21 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
php浏览历史记录的方法
2015/03/10 PHP
在Mac OS的PHP环境下安装配置MemCache的全过程解析
2016/02/15 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
PHP实现倒计时功能
2020/11/16 PHP
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
抖音上用记事本编写爱心小程序教程
2019/04/17 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
[01:19:33]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第一场 2月2日
2021/03/11 DOTA
python中遍历文件的3个方法
2014/09/02 Python
Python pickle模块用法实例
2015/04/14 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
html5 更新图片颜色示例代码
2014/07/29 HTML / CSS
关于爱情的广播稿
2014/01/16 职场文书
2014标准社保办理委托书
2014/10/06 职场文书
爱心募捐感谢信
2015/01/22 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
MySQL限制查询和数据排序介绍
2022/03/25 MySQL