Content Supported by Sourcelens Consulting 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<HTML>
<HEAD>

<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<STYLE type=text/css>P {
	FONT-FAMILY: Verdana
}
H2 {
	FONT-FAMILY: Verdana
}
.buttons {
	FONT-FAMILY: Verdana
}
.instructions {
	FONT-WEIGHT: bold
}
</STYLE>

<META content='"MSHTML 4.72.3110.2"' name=GENERATOR>
</HEAD>
<BODY>
<CENTER>
<H2>Event Bubbling</H2>
<DIV id=eventarea>
<P align=left>This paragraph and the button after it are 
enclosed in a DIV tag. The events from the button are 'bubbled' up to a DIV tag, 
unless they are cancelled in code. 
<P><INPUT class=buttons id=TheButton type=button value="Change Color"></INPUT> 

<P></P></DIV>
<P>
<P align=left>Use the following buttons to control the 
bubbling:</P>
<P align=left><INPUT id=bubble name=radio type=radio>Bubble</P>
<P align=left><INPUT CHECKED id=nobubble name=radio 
type=radio>Don't Bubble </P>
<P align=left>To see bubbling in action:</P>
<P align=left>1.&nbsp; <SPAN class=instructions>Select Don't Bubble, then click the Change Color 
button</SPAN>. Only the onclick event of the button fires.</P>
<P align=left>2.&nbsp; <SPAN class=instructions>Select Bubble, then click Change Color</SPAN>. The event 
bubbles up to the DIV, causing both the button and the body to change 
color.&nbsp;</P></CENTER></BODY></HTML>