Mega Code Archive

 
Categories / JavaScript Reference / Event Handlers Reference
 

OnPropertyChange Example

<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: white;                  background-color:gray"           onclick="styleProp()"           onpropertychange="final();">          Click here to change the background color of this box.     </div> </body> </html>