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: