game/js/btl_info.js
2022-12-19 20:26:14 +02:00

193 lines
9.6 KiB
JavaScript

var stl4 = { 1:0,2:0 };
stl4[1] = { 4:'',5:'',6:'' };
stl4[2] = { 4:'',5:'',6:'' };
function info_reflesh(id_info,uid,up_info,obraz,hp,hpAll,mp,mpAll,invis,sex,eff,ststua,align,zag)
{
stl4[id_info] = { 4:'',5:'',6:'' }; img4 = ''; lst4 = 0;
var d = document.getElementById(`player${id_info}`);
if(d!=undefined)
{
var mbmp = '';
var nomp = 0;
var whp = Math.floor(hp/hpAll*120);
var wmp = Math.floor(mp/mpAll*120);
var chp = 'hp_3';
var cmp = 'hp_mp';
if(whp<1) chp = 'hp_none';
if(whp>0) chp = 'hp_1';
if(whp>32) chp = 'hp_2';
if(whp>65) chp = 'hp_3';
if(wmp<=0) cmp = 'hp_none';
if (mpAll > 0) {
mbmp = ` <div title="Óðîâåíü ìàíû" class="seemp" style="position:absolute; top:10px; width:120px; height:10px; z-index:12;"> ${mp}/${mpAll}</div>
<div title="Óðîâåíü ìàíû" class="hpborder" style="position:absolute; top:10px; width:120px; height:9px; z-index:13;"><img src="https://${top.c.img}/1x1.gif" height="9" width="1"></div>
<div class="${cmp} senohp" style="height:9px; position:absolute; top:10px; width:${wmp}px; z-index:11;" id="lmp4"><img src="https://${top.c.img}/1x1.gif" height="9" width="1"></div>
<div title="Óðîâåíü ìàíû" class="hp_none" style="position:absolute; top:10px; width:120px; height:10px; z-index:10;"></div>`;
} else nomp = 5;
if (align==9){
hp = Math.floor(hp/(hpAll/100));
hpAll = '100%';
}
var zaggg = '',zggg1 = '',zggg2 = '',zggg3,zggg4 = '';
if( zag != undefined && zag != 0 && zag != '' ) {
zggg1 = 'class="inf2s"';
zggg2 = 'position:relative;height:280px;';
zggg3 = 'position:absolute;top:3px;left:3px;z-index:102;';
zggg4 = 'display:none;';
zaggg += '<style> .inf2s { position:relative; filter: alpha(opacity=10); -moz-opacity: 0.10; -khtml-opacity: 0.10; opacity: 0.10; } .inf2s:hover { background-color:#e2e0e0;filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; } </style>';
zaggg += `<img style="position:absolute;top:1px;left:1px;z-index:100;" src="https://img.new-combats.com/i/zag/${zag}">`;
}
document.getElementById(`player${id_info}_login`).innerHTML = up_info;
d.innerHTML = `<div align="left">
<div style="width:240px; ${zggg2} padding:2px; border-bottom:1px solid #666666; border-right:1px solid #666666; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;">${zaggg}
<div align="center">
<!-- blocked -->
</div>
<table style="${zggg3}" width="240" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60" valign="top"><table width="60" height="280" border="0" cellspacing="0" cellpadding="0">
<tr>
<td ${zggg1} height="60" id="${id_info}_itmSlot1"><img style="display:block;" title="Ïóñòîé ñëîò øëåì" src="https://${top.c.img}/i/items/w/w9.gif"></td>
</tr>
<tr>
<td ${zggg1} height="40" id="${id_info}_itmSlot2"><img style="display:block;" title="Ïóñòîé ñëîò íàðó÷è" src="https://${top.c.img}/i/items/w/w13.gif"></td>
</tr>
<tr>
<td ${zggg1} height="60" id="${id_info}_itmSlot3"><img style="display:block;" title="Ïóñòîé ñëîò îðóæèå" src="https://${top.c.img}/i/items/w/w3.gif"></td>
</tr>
<tr>
<td ${zggg1} height="80"><div id="${id_info}_itmSlot4"><img style="display:block;" title="Ïóñòîé ñëîò áðîíÿ" src="https://${top.c.img}/i/items/w/w4.gif"></div></td>
</tr>
<tr>
<td ${zggg1} height="40" id="${id_info}_itmSlot7"><img style="display:block;" title="Ïóñòîé ñëîò ïîÿñ" src="https://${top.c.img}/i/items/w/w5.gif"></td>
</tr>
</table></td>
<td height="280" valign="top"><table width="120" height="280" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" valign="top"><!-- HP and MP -->
<div style="position:relative;">
<div title="Óðîâåíü æèçíè" class="seehp" style="position:absolute; top:${nomp}px; width:120px; height:10px; z-index:12;"> ${hp}/${hpAll}</div>
<div title="T Óðîâåíü æèçíè" class="hpborder" style="position:absolute; top:${nomp}px; width:120px; height:9px; z-index:13;"><img style="display:block;" src="https://${top.c.img}/1x1.gif" height="9" width="1"></div>
<div class="${chp} senohp" style="height:9px; width:${whp}px; position:absolute; top:${nomp}px; z-index:11;" id="lhp4"><img style="display:block;" src="https://${top.c.img}/1x1.gif" height="9" width="1"></div>
<div title="Óðîâåíü æèçíè" class="hp_none" style="position:absolute; top:${nomp}px; width:120px; height:10px; z-index:10;"><img style="display:block;" src="https://${top.c.img}/1x1.gif" height="10"></div>
${mbmp}
</div>
<!-- -->
</td>
</tr>
<tr>
<td valign="top"><div style="position:relative; height:220px;">
<!-- îáðàç -->
<div style="${zggg4}position:absolute; width:120px; height:220px; z-index:1;" onMouseOver="top.hi(this,\'${ststua}\',event,0,1,1,1,\'\');" onMouseOut="top.hic();" onMouseDown="top.hic();"><a href="#obraz_pers"><img style="display:block;" width="120" height="220" src="https://${top.c.img}/i/obraz/${sex}/${obraz}" ></a></div>
<div style="position:absolute; width:auto; height:auto; z-index:3;">${eff}</div>
</div></td>
</tr>
<tr>
<td ${zggg1} height="40"><table width="120" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40" id="${id_info}_itmSlot53" height="20"><img style="display:block;" title="Ïóñòîé ñëîò ïðàâûé êàðìàí" src="https://${top.c.img}/i/items/w/w15.gif"></td>
<td width="40" id="${id_info}_itmSlot55" height="20"><img style="display:block;" title="Ïóñòîé ñëîò öåíòðàëüíûé êàðìàí" src="https://${top.c.img}/i/items/w/w15.gif"></td>
<td width="40" id="${id_info}_itmSlot54" height="20"><img style="display:block;" title="Ïóñòîé ñëîò ëåâûé êàðìàí" src="https://${top.c.img}/i/items/w/w15.gif"></td>
</tr>
<tr>
<td width="40" id="${id_info}_itmSlot56" height="20"><img style="display:block;" title="Ïóñòîé ñëîò ñìåíà" src="https://${top.c.img}/i/items/w/w20.gif"></td>
<td width="40" id="${id_info}_itmSlot57" height="20"><img style="display:block;" title="Ïóñòîé ñëîò ñìåíà" src="https://${top.c.img}/i/items/w/w20.gif"></td>
<td width="40" id="${id_info}_itmSlot58" height="20"><img style="display:block;" title="Ïóñòîé ñëîò ñìåíà" src="https://${top.c.img}/i/items/w/w20.gif"></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="60" valign="top"><table width="60" border="0" cellspacing="0" cellpadding="0">
<tr>
<td ${zggg1} height="20" id="${id_info}_itmSlot8"><img style="display:block;" title="Ïóñòîé ñëîò ñåðüãè" src="https://${top.c.img}/i/items/w/w1.gif"></td>
</tr>
<tr>
<td ${zggg1} height="20" id="${id_info}_itmSlot9"><img style="display:block;" title="Ïóñòîé ñëîò îæåðåëüå" src="https://${top.c.img}/i/items/w/w2.gif"></td>
</tr>
<tr>
<td ${zggg1} height="20"><table width="60" border="0" cellspacing="0" cellpadding="0">
<tr>
<td ${zggg1} width="20" id="${id_info}_itmSlot10" height="20"><img style="display:block;" title="Ïóñòîé ñëîò êîëüöî" src="https://${top.c.img}/i/items/w/w6.gif"></td>
<td ${zggg1} width="20" id="${id_info}_itmSlot11"><img style="display:block;" title="Ïóñòîé ñëîò êîëüöî" src="https://${top.c.img}/i/items/w/w6.gif"></td>
<td ${zggg1} width="20" id="${id_info}_itmSlot12"><img style="display:block;" title="Ïóñòîé ñëîò êîëüöî" src="https://${top.c.img}/i/items/w/w6.gif"></td>
</tr>
</table></td>
</tr>
<tr>
<td ${zggg1} height="40" id="${id_info}_itmSlot13"><img style="display:block;" title="Ïóñòîé ñëîò ïåð÷àòêè" src="https://${top.c.img}/i/items/w/w11.gif"></td>
</tr>
<tr>
<td ${zggg1} height="60" id="${id_info}_itmSlot14"><img style="display:block;" title="Ïóñòîé ñëîò ùèò" src="https://${top.c.img}/i/items/w/w10.gif"></td>
</tr>
<tr>
<td ${zggg1} height="80" id="${id_info}_itmSlot16"><img style="display:block;" title="Ïóñòîé ñëîò ïîíîæè" src="https://${top.c.img}/i/items/w/w19.gif"></td>
</tr>
<tr>
<td ${zggg1} height="40" id="${id_info}_itmSlot17"><img style="display:block;" title="Ïóñòîé ñëîò îáóâü" src="https://${top.c.img}/i/items/w/w12.gif"></td>
</tr>
</table></td>
</tr>
</table>
</div>
</div>`;
}
}
var img4 = '';
var lst4 = 0;
function abitms_work (img, count) {
img4 = img;
lst4 = count;
}
var hr = `<div align=\\\'center\\\' style=\\\'margin:4px;\\\'><img src=\\\'https://${top.c.img}/1x1.gif\\\' height=\\\'1\\\' width=\\\'111\\\' style=\\\'background-color:black;\\\'></div>`;
function abitms(id_pers, uid, id, slot, name, title, img, clck) {
if (slot >= 4 && slot <= 6) {
if (slot == 4 && lst4 == 0) abitms_work(img, 4)
else if (slot == 5 && lst4 < 5) abitms_work(img, 5)
else if (slot == 6 && lst4 < 6) abitms_work(img, 6)
stl4[id_pers][slot] = title;
slot = 4;
var ltt4 = '';
if (stl4[id_pers][6] != '') {
ltt4 += stl4[id_pers][6];
if (stl4[id_pers][4] != '' || stl4[id_pers][5] != '') {
ltt4 += hr;
}
}
if (stl4[id_pers][5] != '') {
ltt4 += stl4[id_pers][5];
if (stl4[id_pers][4] != '') {
ltt4 += hr;
}
}
if (stl4[id_pers][4] != '') {
ltt4 += stl4[id_pers][4];
}
title = ltt4;
img = img4;
}
if (slot == 52) {
if (slot == 52) abitms_work(img, 1)
slot = 1;
ltt4 += stl4[id_pers][4]
title = ltt4;
img = img4;
}
var itm = document.getElementById(`${id_pers}_itmSlot${slot}`);
if (itm != undefined) {
if (clck != undefined && clck != '') {
clck = `cursor:pointer;" onclick="${clck}`;
}
itm.innerHTML = `<img style="display:block;${clck}" src="https://${top.c.img}/i/items/${img}" onMouseOver="top.hi(this,\'${title}\',event,3,1,1,1,\'\');" onMouseOut="top.hic();" onMouseDown="top.hic();">`;
}
}