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 相关文章推荐
TextArea不支持maxlength的解决办法(jquery)
Sep 13 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
onbeforeunload与onunload事件异同点总结
Jun 24 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
DWR中各种java方法的调用
May 04 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
小试小程序云开发(小结)
Jun 06 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
vue 解决IOS10低版本白屏的问题
Nov 17 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语法(3)
2006/10/09 PHP
php快速url重写更新版[需php 5.30以上]
2010/04/25 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
php广告加载类用法实例
2014/09/23 PHP
Js切换功能的简单方法
2010/11/23 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
2015/12/12 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
JS获取数组中出现次数最多及第二多元素的方法
2017/10/27 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
react 移动端实现列表左滑删除的示例代码
2019/07/04 Javascript
js实现秒表计时器
2019/12/16 Javascript
简单了解Vue + ElementUI后台管理模板
2020/04/07 Javascript
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
建材业务员岗位职责
2013/12/08 职场文书
初中校园之声广播稿
2014/01/15 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
农村婚庆司仪主持词
2014/03/15 职场文书
商业企业管理专业求职信
2014/07/10 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
公路局群众路线教育实践活动第一阶段工作汇报
2014/10/25 职场文书
会议主持词开场白
2015/05/28 职场文书
结婚幸福感言
2015/08/01 职场文书
青年教师听课心得体会
2016/01/15 职场文书
python 对图片进行简单的处理
2021/06/23 Python
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android