Event Handlers Reference JavaScript Reference

  1. Home
  2. JavaScript Reference
  3. Event Handlers Reference
  4. OnFilterChange Example

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(); 
} 


             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')"> 
       
    

             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">
    

               id="myButton" onClick="function1()" 
           value="Play Transition Circle In">