-- text figures

Figure 1 Handling onmouseover

<html>
<head>
     <script language="vbscript">

	SUB ChangeColor(ctrl)
		'alert ctrl
		ctrl.style.color = "red"
	END SUB

	SUB ChangeColorBack (ctrl)
		ctrl.style.color = "#6E461E"
	END SUB

     </script>
</head>

<body>

<font size="6" face="nadianne">
<p>
<a name="ctrl1" href="html/11.html" target="_top" 
	onmouseover="ChangeColor(this)" 
	onmouseout="ChangeColorBack(this)" 
	language="javascript" style="color:#6e461e">text1</a>
</p>
<p>
<a name="ctrl2" href="html/12.html" target="_top" 
	onmouseover="ChangeColor(this)" 
	onmouseout="ChangeColorBack(this)" 
	language="javascript" style="color:#6e461e">text2</a>
</p>
</font>
</body>
</html>

Figure 2 Event Bubbling


 <html>
 <head>
 <script> 
 <!--
     ua=navigator.userAgent;
     v=navigator.appVersion.substring(0,1);
     if ((ua.lastIndexOf("MSIE")!=-1) && (v!='1') && (v!='2') && (v!='3')) {
         document.onmouseover=makeCool;
         document.onmouseout=makeNormal;
     }
     function makeCool() {
         src = event.toElement;
         if (src.tagName == "A") {
             src.xColor = src.style.color;
             src.style.color = "red";
         }
     }
     function makeNormal() {
         src=event.fromElement;
         if (src.tagName == "A") {
             src.style.color = src.xColor;
         }
     }
 //-->
 </script>
 </head>
 <body>
 <font size="6" face="nadianne">
 <p><a name="ctrl1" href="html/11.html" target="_top" style="color:#6e461e">text1</a></p>
 <p><a name="ctrl2" href="html/12.html" target="_top" style="color:#6e461e">text2</a></p>
 </font>
 </body>
 </html>