JavaScript DHTML/Event onMethod/onPropertyChange — различия между версиями

Материал из Web эксперт
Перейти к: навигация, поиск
м (1 версия)
 
м (1 версия)
 
(нет различий)

Текущая версия на 07:20, 26 мая 2010

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