From 27d40465cdb05f9a4c817ca240624aabf991f346 Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Sun, 25 Mar 2018 18:48:23 +0200
Subject: [PATCH] Use jQuery's .html() routine to overwrite element's content

Signed-off-by: DL6ER <dl6er@dl6er.de>
---
 scripts/pi-hole/js/index.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js
index b52aeaa4..ae7f52d9 100644
--- a/scripts/pi-hole/js/index.js
+++ b/scripts/pi-hole/js/index.js
@@ -35,8 +35,8 @@ var customTooltips = function(tooltip) {
         if (!tooltipEl) {
                 tooltipEl = document.createElement("div");
                 tooltipEl.id = "chartjs-tooltip";
-                tooltipEl.innerHTML = "<table></table>";
                 document.body.appendChild(tooltipEl);
+                $("#chartjs-tooltip").html("<table></table>");
         }
         // Hide if no tooltip
         if (tooltip.opacity === 0) {
@@ -57,7 +57,7 @@ var customTooltips = function(tooltip) {
         if (tooltip.body) {
                 var titleLines = tooltip.title || [];
                 var bodyLines = tooltip.body.map(getBody);
-                var innerHtml = "<thead>";
+                var innerHtml = "<table><thead>";
                 titleLines.forEach(function(title) {
                         innerHtml += "<tr><th>" + title + "</th></tr>";
                 });
@@ -80,9 +80,8 @@ var customTooltips = function(tooltip) {
                 {
                     innerHtml += "<tr><td>No activity recorded</td></tr>";
                 }
-                innerHtml += "</tbody>";
-                var tableRoot = tooltipEl.querySelector("table");
-                tableRoot.innerHTML = innerHtml;
+                innerHtml += "</tbody></table>";
+                $("#chartjs-tooltip").html(innerHtml);
         }
 
         // Display, position, and set styles for font