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 相关文章推荐
网页设计常用的一些技巧
Dec 22 Javascript
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
jQuery实现滚动切换的tab选项卡效果代码
Aug 26 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
Sep 06 Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
js中延迟加载和预加载的具体使用
Jan 14 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
Win2003服务器安全加固设置--进一步提高服务器安全性
2007/05/23 PHP
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
php删除二维数组中的重复值方法
2018/03/12 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
用CSS+JS实现的进度条效果效果
2007/06/05 Javascript
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
Jquery实现图片放大镜效果的思路及代码(自写)
2013/10/18 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
javascript高级选择器querySelector和querySelectorAll全面解析
2016/04/07 Javascript
正则 js分转元带千分符号详解
2017/03/08 Javascript
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
vue项目中用cdn优化的方法
2018/01/03 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
2020/07/24 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
2020/07/28 Javascript
python 获取et和excel的版本号
2009/04/09 Python
django实现分页的方法
2015/05/26 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
django列表筛选功能的实现代码
2020/03/27 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
长曲棍球装备:Lacrosse Monkey
2020/12/02 全球购物
Java中各种基本数据类型的默认值都是什么
2016/12/22 面试题
师范学院毕业生求职信范文
2013/12/26 职场文书
2015年信访工作总结
2015/04/07 职场文书
干部理论学习心得体会
2016/01/21 职场文书
党员公开承诺书2016
2016/03/24 职场文书
python geopandas读取、创建shapefile文件的方法
2021/06/29 Python
原型和原型链 prototype和proto的区别详情
2021/11/02 Javascript