<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Example 13-5. The page to request data to dynamically build a bar graph</title>
<script type="text/javascript" src="../js/prototype.js"> </script>
<!-- Load the Vector Graphics JavaScript Library -->
<script type="text/javascript" src="../js/wz_jsgraphics.js"> </script>
<!-- Load the functions needed to make this page 'go' -->
<script type="text/javascript" src="fa_stats.js"> </script>
<!-- Make the page look nice for everyone to see -->
<link type="text/css" rel="stylesheet" media="all" href="fa_stats.css" />
</head>
<body onload="body_onload();">
<div id="bodyContainer">
<h1>FA Barclay Premiership 2005-2006 Statistics</h1>
<div>
<form id="premierForm" action="self" method="post">
<label for="stat">Choose Statistic: </label>
<select id="stat">
<option value="totWins">Total Wins</option>
<option value="awayWins">Away Wins</option>
<option value="homeWins">Home Wins</option>
<option value="totLosses">Total Losses</option>
<option value="awayLosses">Away Losses</option>
<option value="homeLosses">Home Losses</option>
<option value="totGoals">Total Goals For</option>
<option value="awayGoals">Away Goals For</option>
<option value="homeGoals">Home Goals For</option>
<option value="totAgainst">Total Goals Against</option>
<option value="awayAgainst">Away Goals Against</option>
<option value="homeAgainst">Home Goals Against</option>
</select>
<input type="button" value="Get Top 10 Chart" onclick="return getChart();" />
</form>
</div>
<!-- This is the global canvas for drawing bar graphs on -->
<div id="chartCanvas"></div>
</div>
</body>
</html>