<?xml version="1.0"?>
<!DOCTYPE testsuite SYSTEM "http://www.w3.org/WAI/UA/TS/dtd/uaag-testsuite-2.dtd">


<testsuite id="ts0906-event-handlers">			
	
	<metaInfo>
		<testTitle>Listing Element Event Handlers</testTitle>
		<shortTitle>Show available event handlers</shortTitle>
		<testElement>
			<elementName>Intrinsic Events</elementName>
			<hlink href="http://www.w3.org/TR/html4/interact/scripts.html#h-18.2.3">&hspec; Intrinsic Events</hlink>
		</testElement>		
		<creator>Colin Koteles</creator>		
		
				
		<metaElement></metaElement>
		<testStyle></testStyle>
	</metaInfo>
	
	<requirementInfo>
		<checkpoints>
			<checkpoint xref="tech-query-handlers">
            <provisions>
            	<provision xref="tech-query-handlers-1"/>
			   </provisions>
         </checkpoint>
		</checkpoints>
	</requirementInfo>
	
	<content>
		
		
		
		<test section="1">
			<procedure>
				<list>
					<item>Move focus to the "Test Element" image.</item>
					<item>Allow the user to query the "Test Element" image once it has content focus for the list of input device event handlers.</item>
					<item>Or, add these event handlers directly to the serial navigation order.</item>
				</list>
			</procedure>
			<testCode>
				<img src="../images/test_element.gif" name="test_element" alt="Test Element" onmouseover="imgChange1('../images/onmouseover.gif')" onmouseout="imgChange1('../images/onmouseout.gif')" onclick="imgChange1('../images/onclick.gif')" ondblclick="imgChange1('../images/ondblclick.gif')" height="50" width="250" border="0"/> 
			</testCode>
      	<exResults>
				<list>
					<item>The user can query the test element to access a list of available event handlers including: onmouseover, onmouseout, onclick, and ondblclick.</item>
					<item>Or, these event handlers are added to the serial navigation order.</item>
				</list>
			</exResults>
			<sourcescript>
				function imgChange1( img ) { document.test_element.src = img; }
			</sourcescript>
		</test>
		
		<test section="2">
			<procedure>
				<list type="ordered">
					<item>Move focus to the "Test Button".</item>
					<item>Allow the user to query the "Test Button" once it has content focus for the list of input device event handlers.</item>
					<item>Or, add these event handlers directly to the serial navigation order.</item>
				</list>
			</procedure>
			<testCode>
				<table summary="layout table">
					<tbody>
  					<tr>
						<td rowspan="1" colspan="1">
				      	<form action="../action/return.html" method="get" enctype="application/x-www-form-urlencoded">
								<button onblur="blurTest('../images/onblur.gif')" onfocus="focusTest('../images/onfocus.gif')" type="submit">Test Button</button>
							</form>
						</td>
				    	<td rowspan="1" colspan="1">
				      	<table border="1">
								<tbody>
				       			<tr>
										<td rowspan="1" colspan="1">
											<img id="test_element2" src="../images/clear.gif" width="165" height="50" alt="Blank Test Image" border="0" name="test_element2"/>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					</tbody>
				</table>	
			</testCode>
      	<exResults>
				<list>
					<item>The user can query the test element to access a list of available event handlers including: onfocus and onblur.</item>
					<item>Or, these event handlers are added to the serial navigation order.</item>
				</list>
			</exResults>	
			<sourcescript>
				function focusTest (img) { document.test_element2.src = img; }
		 		function blurTest (img) { document.test_element2.src = img; }	
			</sourcescript>
		</test>		
						
	</content>

</testsuite>
