Onfilterchange EventOnfilterchange Event*
*Contents  *Index  *Topic Contents
*Previous Topic: Status Property
*Next Topic: Apply Method

Onfilterchange Event

Description

Fires when a visual filter changes state or completes a transition.

Remarks

This event will bubble. Events that bubble can be handled on any parent element of the object that fired the event.

If you have multiple objects with transitions on a page, you can determine which object fired the Object_onfilterchange event by checking Window.Event.srcElement. The filters and transitions that ship with Internet Explorer 4.0 fire the event when a transition completes, although the underlying architecture allows future filters to fire at any time their internal states change. 

<HTML>
<HEAD>
<TITLE>Microsoft Cascading Style Sheets Controls Samples </TITLE>
</HEAD>
<Div ID = "TextRegion"
    STYLE="Position:absolute;LEFT: 0; TOP: 200; WIDTH: 100%; VISIBILITY: visible; FILTER: revealTrans(Transition = 1, Duration = 1.25)">
Some Text
</DIV>
<DIV ID="ImageRegion"
    STYLE="Position:absolute;LEFT: 0; TOP: 200; WIDTH: 100%; VISIBILITY: hidden; FILTER: revealTrans(Transition = 1, Duration = 1.25)">
<IMAGE SRC="Image1.jpg">
</DIV>
<SCRIPT LANGUAGE=VBScript>
Sub Window_onload
    Call TextRegion.filters.revealTrans.Apply ()
    Region.filters.RevealTrans(transition=23)
    Call ImageRegion.filters.revealTrans.Apply()
    Image1.filters.revealTrans(transition=12)
    Call Start
End Sub

Sub Start
    If TextRegion.style.visibility = "visible"   then
        ImageRegion.style.visibility = "hidden"
    Else
        ImageRegion.style.visibility = "visible"
        TextRegion.style.visibility = "hidden"
    End if
    Call TextRegion.Style.filters.revealTrans.Play(1.5)
End Sub

Sub Region_onfilterchange
Select case Window.Event.srcElement
    Case "Region"
        If Region.filters.revealTrans.Status = 0 then
                Call ImageRegion.filters.revealTrans.Play(1.5)
        End If
    End select
End Sub
</SCRIPT>
</BODY>
</HTML>

An asterisk in the following applies to list indicates that a defined height, width, or absolute position is required.

Applies To

BODY, BUTTON, DIV*, IMG, INPUT, MARQUEE, SPAN*, TABLE, TD, TEXTAREA, TFOOT, TH, THEAD, TR

Up Top of Page
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.