From 768e1bb46413d926b68b51e627bcc7027c86156c Mon Sep 17 00:00:00 2001 From: troy Date: Sat, 12 Mar 2022 13:27:08 +0100 Subject: [PATCH] bosschen style --- itooltip.css | 5 +++++ itooltip.js | 3 +-- itooltip.min.css | 2 +- itooltip.min.js | 2 +- itooltip.min.js.map | 7 +++---- 5 files changed, 11 insertions(+), 8 deletions(-) diff --git a/itooltip.css b/itooltip.css index 8a8414b..e0e52f8 100644 --- a/itooltip.css +++ b/itooltip.css @@ -7,4 +7,9 @@ tooltip { border-radius: 0.5em; padding: 0.5em; +} + +tooltip h3 { + margin: 0; + color: #fff; } \ No newline at end of file diff --git a/itooltip.js b/itooltip.js index 126778e..ce1a256 100644 --- a/itooltip.js +++ b/itooltip.js @@ -10,8 +10,7 @@ var tt = document.createElement('tooltip'); tt.classList.add('hidden'); tt.style.cssText= "position:absolute; top: "+(ev.pageY+10)+"px; left: "+ ev.pageX +"px;"; - var tn = document.createTextNode(content); - tt.appendChild(tn); + tt.innerHTML = content; document.body.appendChild(tt); } diff --git a/itooltip.min.css b/itooltip.min.css index 9a2d9b7..127d016 100644 --- a/itooltip.min.css +++ b/itooltip.min.css @@ -1 +1 @@ -tooltip{display:block;width:300px;background-color:rgba(0,0,0,.8);color:#fff;border:3px solid #fff;border-radius:.5em;padding:.5em} \ No newline at end of file +tooltip{display:block;width:300px;background-color:rgba(0,0,0,.8);color:#fff;border:3px solid #fff;border-radius:.5em;padding:.5em}tooltip h3{margin:0} \ No newline at end of file diff --git a/itooltip.min.js b/itooltip.min.js index 9e628cc..67b8382 100644 --- a/itooltip.min.js +++ b/itooltip.min.js @@ -1,2 +1,2 @@ -!function(){"use strict";for(var buildToolTip=function(ev,content){var mouseX=ev.pageX,mouseY=ev.pageY;console.log(mouseX,mouseY);var tt=document.createElement("tooltip");tt.classList.add("hidden"),tt.style.cssText="position:absolute; top: "+(ev.pageY+10)+"px; left: "+ev.pageX+"px;";var tn=document.createTextNode(content);tt.appendChild(tn),document.body.appendChild(tt)},loadToolTip=function(ev){if(ev.target.dataset.url){var url=ev.target.dataset.url;console.log("URL:",url);var xmlhttp=new XMLHttpRequest;xmlhttp.onreadystatechange=function(){4==this.readyState&&200==this.status&&(console.log("Ajax:",this.responseText),buildToolTip(ev,this.responseText))},xmlhttp.open("GET",url,!0),xmlhttp.send()}},destroyToolTip=function(ev){for(var tts=document.getElementsByTagName("tooltip"),i=0;i