JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
triggers the first effect. Although the onFilterChange event handler works with
most of the same objects in IE4 as IE5, the filter object transition properties are not
reflected in a convenient form. The syntax shown in Listing 15-39 uses the new
ActiveX filter control found in IE5.5 (described in Chapter 30 of the JavaScript Bible).
Listing 15-39: Using the onFilterChange Event Handler
onFilterChange Event Handler
function init() {
image1.filters[0].apply()
image2.filters[0].apply()
start()
}
function start() {
image1.style.visibility = “hidden”
image1.filters[0].play()
}
function finish() {
// verify that first transition is done (optional)
if (image1.filters[0].status == 0) {
image2.style.visibility = “visible”
image2.filters[0].play()
}
}
onFilterChange Event Handler
The completion of the first transition (“circle-in”)
triggers the second (“circle-out”).
Play It Again
109
elementObject.onFilterChange