Участник:Degit22:ru/common.js — различия между версиями
Версия 04:55, 17 июля 2016 Полностью удалено содержимое страницы | Версия 05:24, 21 июля 2016 | |||
Строка 1: | Строка 1: | |||
+ | /* Функционал всплывающих подсказок с ТТХ модулей */ | |||
+ | 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); | |||
+ | ||||
+ | ||||
+ | 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(); | |||
+ | }); |
Версия 05:24, 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); 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(); });