Mega Code Archive

 
Categories / JavaScript Reference / Event Handlers Reference
 

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>