Dojo Tool tips

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

Dojo Tool tips

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: