GUI Components JavaScript Tutorial

  1. Home
  2. JavaScript Tutorial
  3. GUI Components
  4. Tooltips based on div
< html>

Style Example

    function showTip(oEvent) {
        var oDiv = document.getElementById("toolTipComponent");
        oDiv.style.visibility = "visible";
        oDiv.style.left = oEvent.clientX + 5;
        oDiv.style.top = oEvent.clientY + 5;
    }
    function hideTip(oEvent) {
        var oDiv = document.getElementById("toolTipComponent");
        oDiv.style.visibility = "hidden";
    }



Move your mouse over the hyper link.


   onmouseover="showTip(event)" onmouseout="hideTip(event)">www.rntsoft.com

Custom Tooltip
detail information for www.rntsoft.com