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