| Версия 10:44, 21 июля 2016 | | Версия 10:47, 21 июля 2016 |
| Строка 4: | | Строка 4: |
| | $('.commentDrop').hover( | | | $('.commentDrop').hover( |
| | function(e){ | | | function(e){ |
| ? | var target = e.target; | | |
| | if (!isDropDownBox2) { | | | if (!isDropDownBox2) { |
| | $('#bodyContent').append('<div id="dropDownBox2" style="position:fixed;"></div>'); | | | $('#bodyContent').append('<div id="dropDownBox2" style="position:fixed;"></div>'); |
| | isDropDownBox2 = true; | | | isDropDownBox2 = true; |
| | } | | | } |
| ? | var offset = $(this).position(); | | |
| ? | var top = offset.top + $(this).height(); | | |
| ? | | | |
| | var obj = $.parseJSON($(this).find(".commentData").text()); | | | var obj = $.parseJSON($(this).find(".commentData").text()); |
| | | | | |
Версия 10:47, 21 июля 2016
/* Функционал всплывающих подсказок с ТТХ модулей */
var isDropDownBox2 = false;
$('.commentDrop').hover(
function(e){
if (!isDropDownBox2) {
$('#bodyContent').append('<div id="dropDownBox2" style="position:fixed;"></div>');
isDropDownBox2 = true;
}
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> </p>';
$("#dropDownBox2").html(str);
$("#dropDownBox2").css({"top": e.clientY + "px", "left": e.clientX + "px"})
$("#dropDownBox2").show();
},
function(){
$("#dropDownBox2").hide();
});
