Версия 05:24, 21 июля 2016 | | Версия 05:33, 21 июля 2016 |
Строка 12: | | Строка 12: |
| var offset = $(this).position(); | | | var offset = $(this).position(); |
| var top = offset.top + $(this).height(); | | | var top = offset.top + $(this).height(); |
? | alert(coords.left + ' ' + coords.bottom); | | + | alert(coords.left + ' ' + coords.bottom + ' ' + top); |
| | + | |
| | | | |
| | | | |
Версия 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> </p>';
$("#dropDownBox").html(str);
$("#dropDownBox").css({"top": top + "px", "left":offset.left + "px"})
$("#dropDownBox").show();
},
function(){
$("#dropDownBox").hide();
});