game/js/interface.js

627 lines
21 KiB
JavaScript

$(document).ready(function () {
$('a#copy-description').zclip({
path: 'js/ZeroClipboard.swf',
copy: $('p#description').text()
});
$('a#copy-dynamic').zclip({
path: 'js/ZeroClipboard.swf',
copy: function () {
return $('input#dynamic').val();
}
});
});
function bodyLoaded() {
//генерируем смайлики
let i = 0,
j = '';
while (i !== -1) {
if (sml[i] !== undefined) {
j += `<img style="cursor:pointer" onclick="chat.addSmile(\'${sml[i]}\')" src="${c.img2}/i/smile/${sml[i]}.gif" width="${sml[i + 1]}" height="${sml[i + 2]}" title=":${sml[i]}:"/> `;
} else i = -4;
i += 3;
}
$('#smilesDiv').html(j);
}
function startEngine() {
//стандартные настройки
if ($.cookie('chatCfg0') === undefined) {
$.cookie('chatCfg0', 2, {expires: 320});
$.cookie('chatCfg1', 'Black', {expires: 320});
}
$('#reline1').mousedown(function () {
start_NRESize({
generalArgs: {cssName: 'reline1', whatSee: 'height', whereTo: 'top'},
nowArgs: {clientAxis: 'clientY', axisCount: 31},
stopArgs: {jCount: 35, cssNameExt: 'chat'},
stopTrue: true
})
});
$('#reline2').mousedown(function () {
start_NRESize({
generalArgs: {cssName: 'reline2', whatSee: 'width', whereTo: 'left'},
nowArgs: {clientAxis: 'clientX', axisCount: 40},
stopArgs: {jCount: 18, cssNameExt: 'online'},
stopTrue: true
})
});
$(window).resize(function () {
resizeFinish()
});
resizeFinish();
//Добавляем действия
let i = 0;
while (i !== -1) {
if ($(`#chcf${i}`).attr('id') != undefined) {
$(`#chcf${i}`).change(function () {
saveChatConfig();
if (this.id == 'chcf10') {
chat.reflesh()
}
});
if (i > 1) {
if ($.cookie(`chatCfg${i}`) == 1) {
$('#chcf' + i).attr('checked', true);
if (i == 11) chat.globalMsg = 1;
} else if ($.cookie(`chatCfg${i}`) == 0) {
$(`#chcf${i}`).attr('checked', false);
}
}
} else i = -2;
i++;
}
//загрузка сохраненных настроек
if ($('#chcf0').val().length >= 1) {
srcv = $.cookie('chatCfg0');
$('#chcf0 option:selected').each(function (id) {
$(this).removeAttr('selected');
});
$('#chcf0 option').each(function () {
if ($(this).val().indexOf(srcv) > -1) {
$(this).attr('selected', 'yes');
}
});
}
if ($('#chcf8').val().length >= 1) {
srcv = $.cookie('chatCfg8');
$('#chcf8 option:selected').each(function (id) {
$(this).removeAttr('selected');
});
$('#chcf8 option').each(function () {
if ($(this).val().indexOf(srcv) > -1) {
$(this).attr('selected', 'yes');
}
});
}
}
function saveChatConfig() {
var i = 0;
while (i != -1) {
if ($('#chcf' + i).attr('id') != undefined) {
if (i < 2 || i == 8) {
$.cookie(`chatCfg${i}`, $(`#chcf${i}`).val(), {
expires: 320
});
} else {
if ($(`#chcf${i}`).attr('checked') == true) {
$.cookie(`chatCfg${i}`, 1, {
expires: 320
});
} else {
$.cookie(`chatCfg${i}`, 0, {
expires: 320
});
}
}
} else i = -2;
i++;
}
if ($('#chcf11').attr('checked') == true) {
return saveChatConfig_work(chat, 1, '')
}
return saveChatConfig_work(chat, 0, 'none')
}
function saveChatConfig_work(chatObj, count, display) {
$('#globalMode').css({'display': display});
chatObj.globalMsg = count;
chatObj.genchatData(null);
}
function unpx(v) {
return Number(v.replace('px', ''));
}
// GENERAL
function start_NRESize(objArgs) {
var {generalArgs, nowArgs, stopArgs, stopTrue} = objArgs
var {cssName, whatSee, whereTo} = generalArgs
var {clientAxis, axisCount} = nowArgs
var {jCount, cssNameExt} = stopArgs
$(cssName).css({'z-index': 1003}); // reline2 или 1
$('#upbox').css({'display': 'block'});
$('#upbox').mousemove(function (event) {
now_NRESize({
element: event,
clientAxis: clientAxis,
axisCount: axisCount,
whatSee: whatSee,
cssName: cssName,
whereTo: whereTo
});
stop_NRESize({
jCount: jCount,
cssNameExt: cssNameExt,
whatSee: whatSee,
cssName: cssName,
whereTo: whereTo
})
});
$(`${cssName}`).mouseup(function () {
stop2_NRESize({stopTrue: stopTrue, cssName: cssName})
});
$('#upbox').mouseup(function () {
stop2_NRESize({stopTrue: stopTrue, cssName: cssName})
});
}
// GENERAL 2
function now_NRESize(objArgs) {
// 1: 'clientY', 31, 'heigth', '#reline1', 'top'
// 2: 'clientX', 40, 'width', '#reline2', 'left'
var {element, clientAxis, axisCount, whatSee, cssName, whereTo} = objArgs
if (element[clientAxis] > axisCount && element[clientAxis] < $(window)[whatSee]() - 40) {
$(`#${cssName}`).css({
[whereTo]: element[clientAxis]
});
}
}
// GENERAL 3
function stop_NRESize(objArgs) {
// 1: 35, 'chat', 'heigth', 'reline1', 'top'
// 2: 18, 'online', 'width', 'reline2', 'left'
var {jCount, cssNameExt, whatSee, cssName, whereTo} = objArgs
j = jCount;
if ($.browser.msie == true) j += 2;
$(`#${cssNameExt}`).css({
[whatSee]: Math.round(($(window)[whatSee]() - unpx($(`#${cssName}`).css(whereTo)) - j) / $(window)[whatSee]() * 100) + '%'
});
resizeFinish();
}
// GENERAL 4
function stop2_NRESize(objArgs) {
// 1: true, 'resize1', 'reline1'
// 2: false, 'resize2', 'resize2'
var {stopTrue, cssName} = objArgs
$('#upbox').css({'display': 'none'});
if (stopTrue) {
stop_NRESize({
jCount: 35,
cssNameExt: 'chat',
whatSee: 'height',
cssName: 'reline1',
whereTo: 'top'
})
}
$(cssName).css({'z-index': 1001});
$('#upbox').unbind('mouseup');
$('#upbox').unbind('mousemove');
$(`#${cssName}`).unbind('mouseup');
}
function resizeFinish() {
j = 30;
i = 3;
if ($.browser.msie == true) {
j += 1;
i += 2;
}
$('#main').css({'width': '20px', 'height': '20px'});
$('#touchmain').css({'width': '20px', 'height': '20px'});
$('#chat_list').css({'width': '20px', 'height': '20px'});
$('#online_list').css({'width': '20px', 'height': '20px'});
$('#chat_list').css({'width': ($('#chat').width() - $('#online').width() - 4), 'height': $('#online').height()});
$('#online_list').css({'width': $('#online').width() - 5, 'height': $('#online').height()});
$('#main').css({
'height': ($(window).height() - j - $('#chat_block').height() - 42),
'width': ($(window).width() - 19)
});
$('#touchmain').css({
'height': ($(window).height() - j - $('#chat_block').height() - 42),
'width': ($(window).width() - 19)
});
$('#reline1').css({'top': ($(window).height() - j - $('#chat').height() - 6) + 'px'});
$('#reline2').css({
'left': ($(window).width() - i - $('#online').width() - 9) + 'px',
'height': ($('#chat').height()) + 'px',
'top': ($('#main_td').height() + j + 2) + 'px'
});
}
function showtable(id) {
hidesel(id);
hidemenu(0);
document.getElementById(`menu${id}`).style.display = '';
}
function hidemenu(time) {
for (var i = 1; i <= 2; i++) {
document.getElementById(`menu${i}`).style.display = 'none';
}
}
function hidesel(id) {
for (var i = 1; i <= 2; i++) {
if (i != id) {
document.getElementById(`el${i}`).style.backgroundColor = '';
document.getElementById(`el${i}`).style.color = '';
}
}
}
function chconf() {
if ($('#chconfig').css('display') == 'none') {
$('#brnchcf').attr('class', 'db cp chatBtn18_2');
$('#chconfig').css('display', 'block');
return
}
$('#chconfig').hide("fast");
$('#brnchcf').attr('class', 'db cp chatBtn18_1');
return
}
var doTest;
function MBcMenu() {
T_cm = setTimeout("if(doTest){ top.infoMenuClose(1); clearTimeout(T_cm);}", 100);
}
function getNameBrouser() {
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf("msie") !== -1 && ua.indexOf("opera") === -1 && ua.indexOf("webtv") === -1) {
return "msie"
}
if (ua.indexOf("opera") !== -1) {
return "opera"
}
if (ua.indexOf("gecko") !== -1) {
return "gecko";
}
if (ua.indexOf("safari") !== -1) {
return "safari";
}
if (ua.indexOf("konqueror") !== -1) {
return "konqueror";
}
return "unknown";
}
function mousePageXY(e) {
var x = 0,
y = 0;
if (e.pageX || e.pageY) {
x = e.pageX;
y = e.pageY;
} else if (e.clientX || e.clientY) {
x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return {
"x": x,
"y": y
};
}
function infoMenu(u, e, f) {
if (!e) e = window.event;
const d = top.document.getElementById('persmenu');
const d2 = top.document.getElementById('upbox');
if (d) {
let dptop = -5;
const dpleft = -5;
if (f === 'main') {
dptop += 30;
}
const dp = top;
const s = d.style;
d2.style.display = '';
d.className = 'topusermenu';
s.display = '';
let obtop = mousePageXY(e)['y'] + dptop;
if (getNameBrouser() === 'msie') {
obtop -= dp.document.body.scrollTop;
} else {
obtop -= dp.document.documentElement.scrollTop + dp.document.body.scrollTop;
}
let obleft = mousePageXY(e)['x'] + dpleft;
d.style.top = `${obtop}px`;
d.style.left = `${obleft}px`;
let hmmmt = `<DIV onmouseover="top.doTest = false;" onmouseout="top.doTest = true; top.MBcMenu();">
<div onClick="top.chat.addto(\'${u}\',\'to\'); infoMenuClose(4);" class="topusermenuBtn">TO</div>
<div onClick="top.chat.addto(\'${u}\',\'private\'); infoMenuClose(4);" class="topusermenuBtn">PRIVATE</div>
<div onClick="window.open(\'inf.php?login=${u}\'); infoMenuClose(4);" class="topusermenuBtn">INFO</div>
<div onClick="top.infoMenuClose(4);" class="topusermenuBtn"><div id="d_clip_button">COPY</div></div>`;
if (!top.iusrno[u]) {
hmmmt = `${hmmmt}<div onClick="top.ignoreUser(\'${u}\'); infoMenuClose(4);" class="topusermenuBtn">IGNORE</div>`;
} else {
hmmmt = `${hmmmt}<div onClick="top.ignoreUser(\'${u}\'); infoMenuClose(4);" class="topusermenuBtn">- IGNORE</div>`;
}
hmmmt = `${hmmmt}</DIV>`;
d.innerHTML = hmmmt;
const bdx = document.body.clientWidth;
const bdy = document.body.clientHeight;
const obx = d.clientWidth;
const oby = d.clientHeight;
const ots = bdy - obtop - oby;
const ols = bdx - obleft - obx;
if (ots < 10) {
obtop = bdy - 10 - oby;
d.style.top = `${obtop}px`;
}
if (ols < 10) {
obleft = bdx - 10 - obx;
d.style.left = `${obleft}px`;
}
}
}
function infoMenuClose(id) {
const d = top.document.getElementById('persmenu');
const d2 = top.document.getElementById('upbox');
if (d) {
if (id > 0 && id < 5) {
d.className = `topusermenu inviseMen${id}`;
T_mn = setTimeout(`top.infoMenuClose(${(id + 1)})`, 30);
} else if (id === 5) {
const s = d.style;
s.display = 'none';
d2.style.display = 'none';
d.innerHTML = '';
d.className = '';
d.style.left = '-1000px';
clearTimeout(T_mn);
}
}
}
function infoMenuMy(u, e, f, dtm) {
if (!e) e = window.event;
const d = top.document.getElementById('persmenu');
const d2 = top.document.getElementById('upbox');
if (d) {
const dptop = -5;
const dpleft = -5;
const dp = top;
const s = d.style;
d2.style.display = '';
d.className = 'topusermenu';
s.display = '';
let obtop = mousePageXY(e)['y'] + dptop;
if (getNameBrouser() === 'msie') {
obtop -= dp.document.body.scrollTop;
} else {
obtop -= dp.document.documentElement.scrollTop + dp.document.body.scrollTop;
}
let obleft = mousePageXY(e)['x'] + dpleft;
d.style.top = `${obtop}px`;
d.style.left = `${obleft}px`;
let hmmmt = '<DIV onmouseover="top.doTest = false;" onmouseout="top.doTest = true; top.MBcMenu();">';
let i = 0;
while (i !== -1) {
if (dtm[i] !== undefined && dtm[i] !== null) {
hmmmt += `<div onClick="${dtm[i][0]} infoMenuClose(4);" class="topusermenuBtn">${dtm[i][1]}</div>`;
i++;
} else i = -1;
}
hmmmt = `${hmmmt}</DIV>`;
d.innerHTML = hmmmt;
const bdx = document.body.clientWidth;
const bdy = document.body.clientHeight;
const obx = d.clientWidth;
const oby = d.clientHeight;
const ots = bdy - obtop - oby;
const ols = bdx - obleft - obx;
if (ots < 10) {
obtop = bdy - 10 - oby;
d.style.top = `${obtop}px`;
}
if (ols < 10) {
obleft = bdx - 10 - obx;
d.style.left = `${obleft}px`;
}
}
}
//Окна
var win = {
winc: {}, //координаты окон
wsdr: null,
scor: {}, //начальные координаты
openw: function (id, title, text, date, type, style) {
if (!$(`#win_${id}`).attr('id')) {
//Создаем новое окно
this.add(id, title, text, date, type, 1, '');
}
},
WstartDrag: function (id) {
$('#wupbox').css({'display': 'block', 'cursor': 'move'});
this.wsdr = id;
$('.w1').css({'z-index': 1102});
$(`#win_${id}`).css({'z-index': 1103});
delete cm;
},
WmoveDrag: function (e) {
//Сохраняем начальные координаты
let x = mousePageXY(e)['x'], y = mousePageXY(e)['y'];
if (!this.scor.x) {
this.scor.x = x;
this.scor.y = y;
this.scor.x2 = unpx($(`#win_${this.wsdr}`).css('left'));
this.scor.y2 = unpx($(`#win_${this.wsdr}`).css('top'));
}
x = x - this.scor.x;
y = y - this.scor.y;
x += this.scor.x2;
y += this.scor.y2;
if (x < 9) {
x = 9;
}
if (x + $(`#win_${this.wsdr}`).width() > $(window).width() - 9) {
x = $(window).width() - 9 - $(`#win_${this.wsdr}`).width();
}
if (y < 35) {
y = 35;
}
if (y + $(`#win_${this.wsdr}`).height() > $(window).height() - 35) {
y = $(window).height() - 35 - $(`#win_${this.wsdr}`).height();
}
$(`#win_${this.wsdr}`).css({'top': `${y}px`, 'left': `${x}px`});
},
WstopDrag: function () {
$('#wupbox').css({'display': 'none', 'cursor': 'move'});
this.wsdr = null;
this.scor = {};
},
add: function (id, title, text, date, type, style, css) {
let nw = '';
if (!$(`#win_${id}`).attr('id')) {
const acts = {};
if (date.usewin) {
acts[0] = `onmouseup="${date.usewin}"`;
} else {
date.usewin = '';
}
if (date.closewin) {
acts[9] = date.closewin;
} else {
date.closewin = '';
}
//нижняя часть
if (date.n) {
text += `<div style="margin-left:11px;">${date.n}</div>`;
}
const kyps = ['', ''];
//Вывод главных данных
if (type == 0) {
nw = text;
} else if (type == 1) {
//Просто вывод данных
nw = text;
} else if (type == 2) {
//Да \ Нет
nw = `<div>${text}</div><div style="padding:5px"><div style="float:left"><button onClick="${date.a1};win.closew(\'${id}\');${acts[9]}" class="btnnew wi${style}sbtn11" id="winyesbtnfox${id}" style="width:100px">Да</button></div><div style="float:right"><button class="btnnew wi${style}sbtn12" onClick="${date.a2};win.closew(\'${id}\')" style="width:100px">Нет</button></div><br></div>`;
kyps[0] = `${date.a1};top.win.closew(\\\'${id}\\\');${acts[9]}top.win.addaction(0,\\\'\\\');`;
} else if (type == 3) {
//Да \ Нет , изображения
let stylebtn = '';
if (style > 1) {
stylebtn = style;
}
nw = `<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>${text}</td><td width="40" align="center" valign="middle"><img class="prmimgyn" style="margin-top:5px;cursor:pointer" onClick="${date.a1};win.closew(\'${id}\');" src="${c.img2}/i/b__ok${stylebtn}.gif" width="25" height="18"><br><img onClick="win.closew(\'${id}\')" class="prmimgyn" style="cursor:pointer;margin-top:2px;" src="${c.img2}/i/b__cancel${stylebtn}.jpg" width="25" height="18"></td></tr></table>`;
kyps[0] = `${date.a1};top.win.closew(\\\'${id}\\\');${acts[9]}top.win.addaction(0,\\\'\\\');`;
} else if (type == 4) {
//Тройной блок
nw = text[0];
}
//Если есть вторая информация
if (date.d) {
nw = nw + date.d;
}
nw = `<div style="margin:2px;${css}">${nw}</div>`;
//Заголовок окна
if (title) {
if (date.a3 === undefined) {
date.a3 = '';
}
if (acts[9] === undefined) {
acts[9] = '';
}
nw = `<div class="wi${style}s10" onselectstart="return false">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2" style="cursor:move" onmousedown="win.WstartDrag(\'${id}\')" ${acts[0]}><b>${title}</b></td>
<td width="15" align="right"><img style="display:block" onClick="win.closew(\'${id}\');${acts[9]}${date.a3}" src="${c.img2}/i/clear.gif" width="13" height="13"></td>
</tr>
</table>
</div>${nw}`;
}
//Собираем каркас
nw = `<table onclick="top.win.addaction(0,'${kyps[0]}')" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="wi${style}s0"><div><img src="${c.img2}/1x1.gif" width="1" height="1"></div></td>
<td class="wi${style}s1"></td>
<td class="wi${style}s2"><div><img src="${c.img2}/1x1.gif" width="1" height="1"></div></td>
</tr>
<tr>
<td class="wi${style}s3"><img src="${c.img2}/1x1.gif" width="5" height="1"></td>
<td class="wi${style}s7" id="win_main_${id}">${nw}</td>
<td class="wi${style}s4"><img src="${c.img2}/1x1.gif" width="5" height="1"></td>
</tr>
<tr>
<td class="wi${style}s5"><div><img src="${c.img2}/1x1.gif" width="1" height="1"></div></td>
<td class="wi${style}s6"></td>
<td class="wi${style}s8"><div><img src="${c.img2}/1x1.gif" width="1" height="1"></div><div id="win_a_${id}" class="wi${style}s9"></div></td>
</tr>
</table>`;
//Вешаем окно
nw = `<div class="w1" ${acts[0]} id="win_${id}">${nw}</div>`;
$('#windows').html($('#windows').html() + nw);
$(`#win_${id}`).center();
if (type == 2) {
$(`#winyesbtnfox${id}`).focus();
}
}
},
addaction: function (nm, vl) {
key_actions[nm] = vl;
if (nm != 2) {
key_actions[2] = 1;
}
},
closew: function (id) {
$(`#win_${id}`).html('');
$(`#win_${id}`).remove();
}
}