Версия 06:12, 21 июля 2016 | | Версия 10:10, 21 июля 2016 |
Строка 22: | | Строка 22: |
| var obj = $.parseJSON($(this).find(".commentData").text()); | | | 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 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()) +' '+ event.clientX+':'+event.clientY+'</b></p> <dl>'; |
| | | | |
| //var items = []; | | | //var items = []; |
Версия 10:10, 21 июля 2016
/* Функционал всплывающих подсказок с ТТХ модулей */
var isDropDownBox2 = false;
tipobj=document.getElementById('dropDownBox2');
$('.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);
e.onmousemove=positiontip;
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()) +' '+ event.clientX+':'+event.clientY+'</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();
});
function positiontip(e) {
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
var winwidth=ie? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie? ietruebody().clientHeight : window.innerHeight-20
var rightedge=ie? winwidth-event.clientX : winwidth-e.clientX;
var bottomedge=ie? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;
if (rightedge < tipobj.offsetWidth) tipobj.style.left=curX-tipobj.offsetWidth+"px";
else tipobj.style.left=curX+"px";
if (bottomedge < tipobj.offsetHeight) tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
else tipobj.style.top=curY+offsetfromcursorY+"px";
}