Show Hide Tooltip on SSaurel's Blog

showhidetooltip.html

function showTooltip(evt, mouseovertext) {
    tooltip.setAttributeNS(null,"x",evt.clientX + 18);
    tooltip.setAttributeNS(null,"y",evt.clientY + 32);
    tooltip.firstChild.data = mouseovertext;
    tooltip.setAttributeNS(null,"visibility","visible");

    length = tooltip.getComputedTextLength();
    tooltip_bg.setAttributeNS(null,"width",length + 20);
    tooltip_bg.setAttributeNS(null,"x",evt.clientX + 8);
    tooltip_bg.setAttributeNS(null,"y",evt.clientY + 14);
    tooltip_bg.setAttributeNS(null,"visibility","visibile");
    console.log("Show")
}

function hideTooltip(evt) {
    tooltip.setAttributeNS(null,"visibility","hidden");
    tooltip_bg.setAttributeNS(null,"visibility","hidden");
    console.log("Hide")
}