Просмотр исходного текста страницы Участник:armor_kiev:ru/common.js

/* Функционал всплывающих подсказок с ТТХ модулей */
var isDropDownBox = false;

var moduleImages = {
  'Орудие': 'https://wiki.gcdn.co/images/2/24/Module_wows_artillery.png',
  'Корпус': 'https://wiki.gcdn.co/images/1/17/Module_wows_hull.png',
  'Полётный контроль': 'https://wiki.gcdn.co/images/8/8e/Module_wows_flightcontrol.png',
  'Двигатель': 'https://wiki.gcdn.co/images/a/aa/Module_wows_engine.png',
  'Система управления огнём': 'https://wiki.gcdn.co/images/f/f8/Module_wows_suo.png',
  'Торпедный аппарат': 'https://wiki.gcdn.co/images/4/47/Module_wows_torpedoes.png',
  'Истребители': 'https://wiki.gcdn.co/images/d/de/Module_wows_fighter.png',
  'Торпедоносцы': 'https://wiki.gcdn.co/images/a/a1/Module_wows_torpedobomber.png',
  'Бомбардировщики': 'https://wiki.gcdn.co/images/0/01/Module_wows_divebomber.png'
};

$('.commentDrop_wows').hover(
function(){
  if (!isDropDownBox) {
    $('#bodyContent').append('<div id="dropDownBox" style="position:absolute;"></div>');
    isDropDownBox = true;
  }
  var offset = $(this).position();

  var top = offset.top + $(this).height();

  var obj = $.parseJSON($(this).find(".commentData_wows").text());

  var str = '<div class="d-comment"><div class="d-comment-head"><div class="d-comment-img">' + '<img width="60" height="60" src="' + moduleImages[obj.type] + '" alt="">' + '</div><div class="d-comment-name"><h3>' + obj.type + '</h3><span>' + obj.mark + '</span></div></div><div class="b-performance_text d-comment-body"><table class="t-performance">';

  var items = [];

  $.each(obj.data, function(key, val){
    items.push('<tr><td><span class="t-performance_right">' + val + '</span><span class="t-performance_left">' + key + '</span></td></tr>');
  });

  str += items.join('') + '</table></div></div>';

  $("#dropDownBox").html(str);
  $("#dropDownBox").css({"top": top + "px", "left":offset.left + "px"})
  $("#dropDownBox").show();
},
function(){
  $("#dropDownBox").hide();
});