JavaScript Examples Bible - UserWorks Technologies

48 JavaScript Examples Bible: The Essential Companion to JavaScript Bible
title
elementObject.title
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓
Example
You can see how dynamic a tooltip is in Listing 15-17. A simple paragraph element
has its TITLE attribute set to “First Time!”, which is what the tooltip displays
if you roll the pointer atop the paragraph and pause after the page loads. But
an onMouseOver event handler for that element increments a global variable
counter in the script, and the title property of the paragraph object is modified
with each mouseover action. The count value is made part of a string assigned to
the title property. Notice that there is not a live connection between the title
property and the variable; instead, the new value explicitly sets the title property.
Listing 15-17: Controlling the title Property
title Property
// global counting variable
var count = 0
function setToolTip(elem) {
elem.title = “You have previously rolled atop this paragraph “ +
count + “ time(s).”
}
function incrementCount(elem) {
count++
setToolTip(elem)
}
title Property Lab
Roll the mouse over this paragraph a few times.
Then pause atop it to view the tooltip.