How to Use the Dojo Tooltip Widget

Here are a few examples from some of the current web page sources that use the title attribute of HTML. They are mostly used in the title attribute of some structural elements, more often for hyperlinks. When used in the context of a link's attribute they can reference an external style sheet. Please refer to HTML's DTD document at W3C. A related attribute of an image, ALT, also pops up a window describing the image. While it does so in many browsers, the idea of using ALT was to display a textual description of the image when the image could not be loaded or found for some reason. This is mostly neglected in most browsers, and shows the image and the alt message at the same time. Since HTML is very forgiving, authors have a free ride.

<a title="Play" href="#top" onClick="startRotateContent()">

<input type="text" maxlength="75" class="home-searchbox" 

id="question_box" 
name="question_box" value="" alt="Question or phrase to search." 

title="Get answers fast. Type in a question or phrase.">

Tooltips in dojo

Please refer to the previous article on how to work with dojo and how to reference the external script files that are part of the dojo download. The JavaScript for tooltips is found in the Tooltip.js file as shown.

and the file location on the drive is at [C:\inetpub\wwwroot\DojoAjax\widget\Tooltip.js]. Tooltip style properties are defined in the CSS file at: C:\inetpub\wwwroot\DojoAjax\src\widget\templates\TooltipTemplate.css.