Участник:Degit22:ru/common.js — различия между версиями

Версия 05:33, 21 июля 2016

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

$('.commentDrop').hover(
function(e){
  var target = e.target;
  if (!isDropDownBox2) {
    $('#bodyContent').append('<div id="dropDownBox" style="position:absolute;"></div>');
    isDropDownBox2 = true;
  }
  var coords = target.getBoundingClientRect();
  var offset = $(this).position();
  var top = offset.top + $(this).height();
  alert(coords.left + ' ' + coords.bottom + ' ' + top);



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

  var str = '<div style="border:1px dotted;background:#efefef;padding:5px 1em;"><p style="text-align:center;"><b>' 
  + obj.type + ' ' + obj.mark + '</b></p> <dl>';

  var items = [];
  $.each(obj.data, function(key, val){
    items.push('<dt>' + key + ':</dt><dd>' + val + '</dd>');
  });

  str += items.join('') + ' </dl></div><p>&nbsp;</p>';

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