Show and hide tooltip : ToolTip « Dojo toolkit « JavaScript DHTML






Show and hide tooltip

 

<html>
  <head>
    <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojo.parser");
      dojo.require("dijit.Tooltip");
    </script>
  </head>
  <body class="tundra">

        <span id="my" style="cursor:pointer;"
          onMouseOver="dijit.showTooltip('Label', dojo.byId('my'));"
          onMouseOut="dijit.hideTooltip(dojo.byId('my'));"
        >
          Hover me to see the tooltip.
        </span>
  </body>
</html>

   
  








Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.Add tooltip to tag(span)
2.Add tool tip to text