From 4338a3352dd76aa90ea5d59c9a4a1981d635137b Mon Sep 17 00:00:00 2001
From: WrinklyNinja <wrinklyninja1@gmail.com>
Date: Sun, 8 Jun 2014 21:05:31 +0100
Subject: [PATCH] Pretty wobbly tooltip display.

---
 resources/report/css/style.css |  7 +++++++
 resources/report/js/script.js  | 30 ++++++++++++++++++++++++++++++
 resources/report/report.html   |  1 +
 3 files changed, 38 insertions(+)

diff --git a/resources/report/css/style.css b/resources/report/css/style.css
index b3ace032..b065158d 100644
--- a/resources/report/css/style.css
+++ b/resources/report/css/style.css
@@ -491,3 +491,10 @@ input:valid {
     background-color: white;
     color: black;
 }
+#hoverText {
+    position: fixed;
+    z-index: 5;
+    background: white;
+    box-shadow:0 0 3px 0px rgba(0,0,0,0.5);
+    padding: 2px 5px;
+}
diff --git a/resources/report/js/script.js b/resources/report/js/script.js
index 6c32cfcc..4cdb9cf6 100644
--- a/resources/report/js/script.js
+++ b/resources/report/js/script.js
@@ -553,6 +553,34 @@ function toggleInputRO(evt) {
         evt.target.setAttribute('readonly', '');
     }
 }
+function toggleHoverText(evt) {
+    /*if (evt.target.id = 'hoverText') {
+        evt.stopPropagation();
+        return;
+    }*/
+    var hoverText = document.getElementById('hoverText');
+    if (isVisible(hoverText) && evt.target != hoverText && evt.target.id != hoverText.getAttribute('hoverTarget')) {
+        hideElement(hoverText);
+    } else {
+        if (evt.target.hasAttribute('title')) {
+            var id;
+            if (evt.target.id) {
+                id = evt.target.id;
+            } else {
+                id = 'hoverTarget';
+                evt.target.id = id;
+            }
+            hoverText.setAttribute('hoverTarget', id);
+
+            hoverText.textContent = evt.target.getAttribute('title');
+            hoverText.style.left = evt.clientX + 'px';
+            hoverText.style.top = (20 + evt.clientY) + 'px';
+            showElement(hoverText);
+
+            document.title = hoverText.textContent;
+        }
+    }
+}
 function setupEventHandlers() {
     var elements;
     if (isStorageSupported()) { /*Set up filter value and CSS setting storage read/write handlers.*/
@@ -594,6 +622,8 @@ function setupEventHandlers() {
         var pluginMenu = elements[i].getElementsByClassName('pluginMenu')[0];
         pluginMenu.addEventListener('click', toggleMenu, false);
     }
+
+    document.body.addEventListener('mouseover', toggleHoverText, false);
 }
 function processURLParams() {
     /* Get the data path from the URL and load it. */
diff --git a/resources/report/report.html b/resources/report/report.html
index 5b6f9f6f..6f0a69e0 100644
--- a/resources/report/report.html
+++ b/resources/report/report.html
@@ -312,6 +312,7 @@ along with LOOT. If not, see &lt;http://www.gnu.org/licenses/&gt;.
     </div>
 
     <div id="overlay" class="hidden"></div>
+    <div id="hoverText" class="hidden"></div>
 
     <script src="js/script.js"></script>
 </body>
\ No newline at end of file