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脚本实现Web页面信息交互
Dec 21 Javascript
js的一些常用方法小结
Jun 29 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
JavaScript纯色二维码变成彩色二维码
Jul 23 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
js的对象与函数详解
Jan 21 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 Javascript
javascript实现倒计时效果
Feb 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
5.PHP的其他功能
2006/10/09 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
2013/09/29 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
JavaScript中常见获取元素的方法汇总
2015/03/04 Javascript
JQuery异步加载PartialView的方法
2016/06/07 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
Node.js 实现远程桌面监控的方法步骤
2019/07/02 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
Python实现简单的可逆加密程序实例
2015/03/05 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
详解Python中where()函数的用法
2018/03/27 Python
python3 爬取图片的实例代码
2018/11/06 Python
python语言元素知识点详解
2019/05/15 Python
pycharm新建一个python工程步骤
2019/07/16 Python
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
HTML5 本地存储之如果没有数据库究竟会怎样
2013/04/25 HTML / CSS
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
离婚协议书样本
2015/01/26 职场文书
常住证明范本
2015/06/23 职场文书
初中语文教学随笔
2015/08/15 职场文书
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python
Pytorch中的数据集划分&正则化方法
2021/05/27 Python
SQL Server内存机制浅探
2022/04/06 SQL Server