JavaScript Reference/Event Handlers Reference/onFilterChange

Материал из Web эксперт
Перейти к: навигация, поиск

"onFilterChange" Example

    
<head><script language="JavaScript">
function function1() {
    myLayer1.filters[0].Apply();
    if (myLayer1.style.visibility == "visible") {
       myLayer1.style.visibility = "hidden";
       myLayer1.filters.revealTrans.transition=2;
       document.all.myButton.value = "Play Transition Circle Out"
    } else {
       myLayer1.style.visibility = "visible";
       myLayer1.filters[0].transition=3;
       document.all.myButton.value = "Play Transition Circle In"
    }
    myLayer1.filters[0].Play(); 
} 
</script></head>
<body onLoad="function1()">
    <div id="myLayer1" 
         style="position:absolute; 
                visibility:visible;
                Filter:revealTrans(duration=2, transition=3); 
                left:92px; 
                top:257px; 
                width:100px; 
                height:75px; 
                background-color:#FFFF99; 
                layer-background-color:#FFFF99; 
                z-index:2; 
                border: 1px none #000000" 
         onfilterchange="alert("The filter has completed transition")"> 
       <img src="yourimagefile.jpg" alt="" width="99" height="75">
    </div>
    <div id="myLayer2" 
         style="position:absolute; 
                visibility:visible;
                left:90px; 
                top:245px; 
                width:103; 
                height:103; 
                background-color:#FFFF99; 
                layer-background-color:#FFFF99; 
                border:1px none #000000; 
                z-index:1">
    </div>
    <input type="button" 
           id="myButton" onClick="function1()" 
           value="Play Transition Circle In">
</body>



"onFilterChange" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<bdo>                           <body>                        |
|                |<button>                        <custom>                      |
|                |<div>                           <fieldset>                    |
|                |<img>                           <input type="button">         |
|                |<input type="checkbox">         <input type="file">           |
|                |<input type="image">            <inputtype="password">        |
|                |<input type="radio">            <input type="reset">          |
|                |<inputtype="submit">            <input type="text">           |
|                |<marquee>                       <rt>                          |
|                |<ruby>                          <span>                        |
|                |<table>                         <td>                          |
|                |<textarea>                      <th>                          |
|                |<tr>                                                          |
+----------------+--------------------------------------------------------------+



"onFilterChange" Properties

+----------------+--------------------------------------------------------------+
| Properties     |altKey                          altLeft                       |
|                |cancelBubble                    ctrlLeft                      |
|                |shiftLeft                       srcElement                    |
|                |srcFilter                       type                          |
+----------------+--------------------------------------------------------------+



"onFilterChange" Syntax and Note

Note:
    
This event fires when the state of a filter changes. 
For transition filters, this event also fires when a transition is completed.