MsgBox (S.JS)

 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
//MsgBox
function MsgBox(str, header) {
if (header == undefined)
header = "Spaces.JS";
globalWinCounter++;
var win = document.createElement('table');
win.setAttribute("cellspacing", "0");
win.setAttribute("cellpadding", "0");
win.setAttribute("height", "100%"); //да мне пофиг, что это можно сделать через css
win.setAttribute("width", "100%"); //аналогично с предыдущим
win.setAttribute("id", "message" + globalWinCounter); //для распознования по отдельности, чтобы скрывать только определённое окно
win.setAttribute("class", "messageWin"); //для того, чтобы применять один стиль ко всем окнам
win.innerHTML = "<td height='100%' width='100%' valign='middle'><div style='margin:0px auto;max-width:500px;border-radius:5px;box-shadow: 0px 0px 10px rgba(255,255,255,1)'><div class='messageHeader'><img width='32' src='http://142530-ru.1gb.ru/PetrovDS/spaces.js/img/logo48.png' align='left' style='margin-right:5px'><img style='cursor:pointer' src='http://142530-ru.1gb.ru/PetrovDS/spaces.js/img/cross.gif' align='right' class='crossImg' onclick='closeMsg("+globalWinCounter+")' id='a" + globalWinCounter + "'><table height='32' cellspacing='0' cellpadding='0'><td height='32' valign='middle'>" + header + "</td></table></div><div class='messageBody'>" + str + "</div></div></td>";
document.body.appendChild(win);
winStyle(globalWinCounter); //переопределяем стиль
$("#message" + globalWinCounter).fadeIn(700);
}
$(document).on('click', '.crossImg', function() {
id = $(this).attr('id').substr(1);
closeMsg(id);
});
function closeMsg(num) {
$("#message" + num).fadeOut(1000);
setTimeout(function(){removeMsgBox(num)}, 1000);
globalWinCounter--;
}
function removeMsgBox(num) {
$("#message" + num).remove()
}
$(window).keydown(function(e){
if (globalWinCounter != 0 && (e.keyCode == 27))
closeMsg(globalWinCounter);
});
function winStyle(num) {
$("#message" + num).hide();
$(".messageWin").css({
"background": "rgba(0,0,0,.5)",
"position": "fixed",
"top": "0px",
"left": "0px",
"z-index": "99999999999999999",
});
$(".messageHeader").css({
"background": "rgb(9,78,182)",
"color": "#fff",
"font-weight": "bold",
"min-height": "32px",
"padding": "5px",
"border-radius": "5px 5px 0px 0px",
"border-bottom-width": "1px",
"border-bottom-style": "solid",
"border-bottom-color": "#99f",
});
$(".messageBody").css({
"text-align": "left",
"border-width": "1px",
"border-style": "solid",
"border-color": "#666",
"border-top-color": "#ccf",
"padding": "5px",
"border-radius": "0px 0px 5px 5px",
"color": "#33f",
"background": "#fff",
"max-height": "300px",
"overflow": "auto"
});
}
///MsgBox