[an error occurred while processing this directive] [an error occurred while processing this directive]

Dojo Tool tips

[an error occurred while processing this directive]

                           

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

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:

 

                          

[an error occurred while processing this directive]
[an error occurred while processing this directive]