'onFilterChange' Example : onFilterChange : Event onMethod JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Event onMethod » onFilterChange »

 

'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.navioo.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>

    
      
      



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Event onMethod
» onFilterChange