Dojo Tool tips

In this section, you will learn about the tool tips and how to developed it in dojo.

Dojo Tool tips

--Ads--

Dojo Tool tips

        

In this section, you will learn about the tool tips and how to developed it in dojo. 

Try Online: Tool Tips

Tool tips :  This is a GUI (Graphical User Interface) element that is used in conjunction with a cursor and usually a mouser pointer. If the mouse cursor over an item, without clicking a mouse it appears a small box with supplementary information regarding the items.

 

 

Here is the code of program:

<html>
<head>
<title>Tooltip Demo</title>

  <style type="text/css">
  @import "../resources/dojo.css";
  @import "../dijit/themes/tundra/tundra.css";
  
  </style>

  <script type="text/javascript" src="dojo.xd.js" 
djConfig="parseOnLoad: true"></script>

  <script type="text/javascript">
  dojo.require("dojo.parser");
  dojo.require("dijit.Tooltip");
  </script>

</head>
<body class="tundra">
<b>Tooltips:</b> <br><br>
  <span id="site1">Roseindia.net</span>
  <div dojoType="dijit.Tooltip" connectId="site1" 
label="This is a software developement company!">
  </div><br><br><br>
  <span id="site2">Newstrackindia.com</span>
  <div dojoType="dijit.Tooltip" connectId="site2" 
label="This is a news publishing site!">
  </div>
  
</body>
</html>

 Output of the program:

Whenever your mouse pointer goes on the Roseindia.net then you get:

Whenever your mouse pointer goes on the Newstrackindia.com then you get:

 

Try Online: