Untitled

<HTML>
<HEAD>
<TITLE>Реакция на событие</TITLE>
<meta charset="windows-1251">
<SCRIPT>
/* Функция запускается при щелчке мышкой по
любой точке документа */
function rodEl()
{ //Изменение цвета заднего плана документа
z=document.all.B.bgColor
if(z!="#777777"){z="#777777"}
else{z="AAAAAA"}
document.all.B.bgColor =z
}
function D_l()
{ //Изменение цвета внешнего прямоугольника
window.event.cancelBubble=true
z= document.all.k1.style.backgroundColor
if(z!="red")z="red"
else z="green"
document.all.k1.style.backgroundColor=z
}
function D_2(thi)
{ //Изменение цвета внутреннего прямоугольника
window.event.cancelBubble=true
z=thi.style.backgroundColor
if(z!="#00ffff"){z="#00ffff"}
else{z="FF00FF"}
thi.style.backgroundColor=z
}
function H_l()
{ //Изменение цвета слова "Цвет"
window.event.cancelBubble=true
z=document.all.HH.style.colorif(z!="#aa00aa"){z="#aa00aa"}
else{z="00FFFF"}
document.all.HH.style.color= z
}
</SCRIPT>
<STYLE>
H1 {color:FF00FF}
#k1 {position:absolute; left:50;top:200; width:300; height:100; background-color:blue}
#k2 {position:relative; left:50; top:25; width:200; height:50;}
</STYLE>
</HEAD>
<BODY ID="B" bgcolor= "AAAAAA" onclick="rodEl()">
<H1 ID="HH" onclick="H_l()">ЦВЕТ</H1>
<DIV ID="k1" onclick="D_l()">
<DIV ID="k2" style=" background-color:yellow" onclick="D_2(this)"></div>
</div>
</BODY>
</HTML>