filterchange | onfilterchange event (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

4 out of 5 rated this helpful - Rate this topic

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

Syntax

HTML Attribute	<element onfilterchange = "handler(event)">
Event Property	object.onfilterchange = handler;
attachEvent Method	object.attachEvent("onfilterchange", handler)
addEventListener Method	object.addEventListener("filterchange", handler, useCapture)

Event information

Synchronous	No
Bubbles	No
Cancelable	No

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

Standards information

There are no standards that apply here.

Remarks

Signals that the filter on an object has changed state.

To invoke this event, do one of the following:

Change the filter state.

The pEvtObj parameter is required for the following interfaces:

Examples

This example uses the onfilterchange event to trigger a filter effect. When the document loads, the block of text is erased using a checkerboard-down Transition. Once the checkerboard Transition is complete, the image is made visible using a box-in Transition.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/filters.htm


<HTML>
<HEAD>
<TITLE>Microsoft Cascading Style Sheet Controls Samples</TITLE>
</HEAD>
<body>
<h2>Some text filters out (checkerboard), and at its completion 
an image filters in (box-in).  Refresh repeats.</h2>
<Div ID="TextRegion" STYLE="Position: absolute; border: solid red; 
    background-color: lightblue; LEFT: 0; TOP: 100; WIDTH: 100%; 
    VISIBILITY: visible; FILTER: revealTrans(Transition = 11, 
    Duration = 1.25)">
Text that will filter upon document load.<br>
Text that will filter upon document load.<br>
Text that will filter upon document load.<br>
Text that will filter upon document load.<br>
Text that will filter upon document load.<br>
Text that will filter upon document load.<br>
Text that will filter upon document load.
</DIV>
<DIV ID="ImageRegion" STYLE="Position: absolute; border: solid red;
    LEFT: 0; TOP: 100; WIDTH: 30%; VISIBILITY: hidden; 
    FILTER: revealTrans(Transition = 0, Duration = 1.25)">
<IMAGE id=image1 SRC="/workshop/samples/author/graphics/dhtml/blupan.png">
</DIV>
<SCRIPT LANGUAGE=VBScript>
Sub Window_onload
    Call TextRegion.filters.revealTrans.Apply ()
    Call ImageRegion.filters.revealTrans.Apply()
    Call Start
End Sub
Sub Start
   TextRegion.style.visibility = "hidden"
   ImageRegion.style.visibility = "visible"
   Call TextRegion.filters.revealTrans.Play()
End Sub
Sub TextRegion_onfilterchange
   if TextRegion.filters.revealTrans.Status = 0 then
      Call ImageRegion.filters.revealTrans.Play(1.5)
   End If
End Sub
</SCRIPT>
</BODY>
</HTML>

filterchange | onfilterchange event