'onFilterChange' Example : onFilterChange « Event onMethod « JavaScript DHTML






'onFilterChange' Example

    
<head>
<script language="JavaScript">
function function1() {
    Layer1.filters[0].Apply();
    if (Layer1.style.visibility == "visible") {
       Layer1.style.visibility = "hidden";
       Layer1.filters.revealTrans.transition=2;
       document.all.myB1.value = "Play Transition Circle Out"
    } else {
       Layer1.style.visibility = "visible";
       Layer1.filters[0].transition=3;
       document.all.myB1.value = "Play Transition Circle In"
    }
    Layer1.filters[0].Play(); 
} 
</script>
</head>
<body onLoad="function1()">
    <div id="Layer1" 
         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="http://www.java2s.com/style/logo.png" alt="" width="99" height="75">
    </div>
    <div id="Layer2" 
         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="myB1" onClick="function1()" value="Play Transition Circle In">
</body>

    
      
      








Related examples in the same category