Mega Code Archive
OnFilterChange Example
<![CDATA[
<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.rntsoft.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>
]]>