'onPropertyChange' Example

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



    
<html>
<head>
<script language="JavaScript">
<!--
function styleProp() {
   if (myDiv.style.backgroundColor == "gray"){
       myDiv.style.backgroundColor = "red"; 
       return;
   }
   if (myDiv.style.backgroundColor == "red"){
       myDiv.style.backgroundColor = "blue"; 
       return;
   }
   if (myDiv.style.backgroundColor == "blue"){
       myDiv.style.backgroundColor = "green"; 
       return;
   }
   if (myDiv.style.backgroundColor == "green"){
       myDiv.style.backgroundColor = "orange"; 
       return;
   }
   if (myDiv.style.backgroundColor == "orange"){
       myDiv.style.backgroundColor = "gray"; 
       return;
   }
} 
function final() {
   alert("backgroundColor property has changed value!"); 
} 
--> 
</script>
</head>
<body bottommargin=150>
    <div id="myDiv" 
         style="width:500; 
                height:200; 
                cursor:hand; 
                color:red; 
                background-color:gray" 
         onclick="styleProp()" 
         onpropertychange="final();">
         Click here to change the background color of this box.
    </div>
</body>
</html>

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

JAVASCRIPT DHTML TUTORIALS » Event onMethod » onPropertyChange »

Leave a Comment / Note

JAVASCRIPT DHTML TUTORIALS