| Версия 05:59, 21 июля 2016 | | Версия 06:01, 21 июля 2016 |
| Строка 6: | | Строка 6: |
| | var target = e.target; | | | var target = e.target; |
| | if (!isDropDownBox2) { | | | if (!isDropDownBox2) { |
| ? | $('#bodyContent').append('<div id="dropDownBox" style="position:absolute;"></div>'); | | + | $('#bodyContent').append('<div id="dropDownBox2" style="position:absolute;"></div>'); |
| | isDropDownBox2 = true; | | | isDropDownBox2 = true; |
| | } | | | } |
| Строка 27: | | Строка 27: |
| | //str += items.join('') + ' </dl></div><p> </p>'; | | | //str += items.join('') + ' </dl></div><p> </p>'; |
| | | | | |
| ? | $("#dropDownBox").html(str); | | + | $("#dropDownBox2").html(str); |
| ? | $("#dropDownBox").css({"top": top + "px", "left":offset.left + "px"}) | | + | $("#dropDownBox2").css({"top": top + "px", "left":offset.left + "px"}) |
| ? | $("#dropDownBox").show(); | | + | $("#dropDownBox2").show(); |
| | }, | | | }, |
| | function(){ | | | function(){ |
| ? | $("#dropDownBox").hide(); | | + | $("#dropDownBox2").hide(); |
| | }); | | | }); |
Версия 06:01, 21 июля 2016
/* Функционал всплывающих подсказок с ТТХ модулей */
var isDropDownBox2 = false;
$('.commentDrop').hover(
function(e){
var target = e.target;
if (!isDropDownBox2) {
$('#bodyContent').append('<div id="dropDownBox2" style="position:absolute;"></div>');
isDropDownBox2 = true;
}
var coords = target.getBoundingClientRect();
var offset = $(this).position();
var top = coords.bottom; //offset.top + $(this).height();
//alert(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>'+Math.round(coords.bottom) + ' ' + (offset.top + $(this).height()) +'</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": top + "px", "left":offset.left + "px"})
$("#dropDownBox2").show();
},
function(){
$("#dropDownBox2").hide();
});
