Версия 10:10, 21 июля 2016 | | Текущая версия на 07:42, 21 августа 2022 Полностью удалено содержимое страницы |
не показано 17 промежуточных версии этого же участника |
Строка 1: | | Строка 1: |
? | /* Функционал всплывающих подсказок с ТТХ модулей */ | | |
? | 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"; | | |
? | } | | |