dialog.js
5.24 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
/*! zdialog | (c) 2016 | by zcy */
/**
* FunL: 表示左侧按钮的触发事件
* FunR: 代表右侧的触发事件
* 默认事件 关闭弹出层
* **/
;(function($,window,document,undefined){
//默认参数
var PARAMS;
var DEFAULTPARAMS = { Title: "标题", Content: "",BtnL:"确定",BtnR:"取消" , FunL: new Object, FunR: new Object };
$.DialogByZ = {
//弹出提示框
Alert: function (params) {
Show(params,"Alert");
},
//弹出确认框
Confirm: function (params) { Show(params,"Confirm"); },
//停留显示框
Stayfade: function (params) { Show(params,"Stayfade"); },
//自动显示弹框
Autofade: function (params) { Show(params,"Autofade") },
//关闭弹出框
Close: function () {
$(".zbox-popup,.zbox-popup-backdrop").remove();
},
//加载图形
Loading:function(Url){
loadBox(Url)
}
};
//初始化参数
function Init(params) {
if (params != undefined && params != null) {
PARAMS = $.extend({},DEFAULTPARAMS, params);
}
};
function loadBox(Url){
var url=Url;
var dislogContainer=$('<div class="zbox-popup" style="display: block;"><img id="zchange" src="'+url+'"></div>');
var blackFilter=$('<div class="zbox-popup-backdrop" style="display: block;"></div>');
setTimeout(function(){
$(".zbox-popup").addClass('zbox-popup-in');
$(".zbox-popup-backdrop").addClass('zbox-active');
},30)
//$("body").append(blackFilter);
$("body").append(dislogContainer);
}
function Show(params, caller){
Init(params);
var dislogContainer;
var dialogInner;
var dialogBtn;
var blackFilter=$('<div class="zbox-popup-backdrop" style="display: block;"></div>');
if(caller=='Autofade') {
dislogContainer = $('<div class="zbox-toast-container"><div class="zbox-toast-message">'
+ PARAMS.Content + '</div></div>');
$("body").append(dislogContainer);
setTimeout(function () {
$(".zbox-toast-container").addClass('zbox-active');
}, 30)
setTimeout(function () {
$(".zbox-toast-container").remove();
}, 3000)
}else if(caller=='Stayfade'){
dislogContainer = $('<div class="zbox-toast-container"><div class="zbox-toast-message">'
+ PARAMS.Content + '</div></div>');
$("body").append(blackFilter);
$("body").append(dislogContainer);
$(".zbox-popup").addClass('zbox-popup-in');
$(".zbox-popup-backdrop").addClass('zbox-active');
$(".zbox-toast-container").addClass('zbox-active');
}else{
dislogContainer=$('<div class="zbox-popup" style="display: block;"></div>');
dialogInner=$('<div class="zbox-popup-inner"><div class="zbox-popup-title">'+PARAMS.Title+'</div><div class="zbox-popup-text">'+PARAMS.Content+'</div></div>');
if(caller=='Confirm'){
dialogBtn=$('<div class="zbox-popup-buttons"><span class="zbox-popup-buttonCon" index="0">'+PARAMS.BtnL+'</span></div>');
} else {
dialogBtn=$('<div class="zbox-popup-buttons"><span class="zbox-popup-button" index="0">'+PARAMS.BtnL+'</span></div>');
}
if(caller=='Confirm'){
dialogBtn.append($('<span class="zbox-popup-buttonCon R" index="1">'+PARAMS.BtnR+'</span>'));
}
dislogContainer.append(dialogInner);
dislogContainer.append(dialogBtn);
setTimeout(function(){
$(".zbox-popup").addClass('zbox-popup-in');
$(".zbox-popup-backdrop").addClass('zbox-active');
},10)
$("body").append(blackFilter);
$("body").append(dislogContainer);
$(".zbox-popup-button").click(function(){
var indexs=$(this).attr('index');
if(indexs==0){
//左侧按钮
if($.isFunction(PARAMS.FunL)){
PARAMS.FunL();
}else{
$.DialogByZ.Close();
}
}else{
//右侧按钮
if($.isFunction(PARAMS.FunR)){
PARAMS.FunR();
}else{
$.DialogByZ.Close();
}
}
return false;
});
$(".zbox-popup-buttonCon").click(function(){
var indexs=$(this).attr('index');
if(indexs==0){
//左侧按钮
if($.isFunction(PARAMS.FunL)){
PARAMS.FunL();
}else{
$.DialogByZ.Close();
}
}else{
//右侧按钮
if($.isFunction(PARAMS.FunR)){
PARAMS.FunR();
}else{
$.DialogByZ.Close();
}
}
return false;
});
}
//
}
})(jQuery,window,document);