<!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">
<head>
<title>Web Page Output Comparison Tool</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Marty Stepp" />
<meta name="company" content="University of Washington" />
<meta name="description" content="HTML diff tool to compare two web pages." />
<meta name="keywords" content="web, diff, html, CSE 190 M" />
<!-- stop the web browser from ever caching this page or its images -->
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<!-- <link href="style.css" type="text/css" rel="stylesheet" /> -->
<link href="diffhtml.css" type="text/css" rel="stylesheet" />
<script src="../js/prototype.js" type="text/javascript"></script>
<!-- // <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript"></script> -->
<script src="../js/scriptaculous.js" type="text/javascript"></script>
<!-- // <script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js" type="text/javascript"></script> -->
<script src="../js/Cookies.js" type="text/javascript"></script>
<!-- // <script src="cse.js" type="text/javascript"></script> -->
<script src="diffhtml.js" type="text/javascript"></script>
</head>
<body>
<div id="browsermessagearea"></div>
<form id="compareform">
<fieldset>
<legend>Pages to compare</legend>
<a id="maximizelink">
<img src="../images/icon_maximize.gif" alt="Show / Hide" />
</a>
<ol>
<li>
<input id="page1" type="text" tabindex="1" />
<label>
<input id="show1" type="radio" name="whichpage" disabled="disabled" checked="checked" tabindex="2" />
Show Image
</label> <br />
<select id="page1suggest" tabindex="3" >
<!-- update periodically to include latest assignment's appearance -->
<option value="">Choose an image…</option>
<optgroup label="Homework 1 (How²)">
<option value="1/output/hw1_expected_output_ff15_lion.png">
Expected Output (Firefox 15, Mac OS X Lion)
</option>
<option value="1/output/hw1_expected_output_ff15_win7.png">
Expected Output (Firefox 15, Windows 7)
</option>
</optgroup>
<optgroup label="Homework 2 (Design Blog)">
<option value="2/output/hw2_expected_output_ff15_lion_750.png">
Expected Output (Mac OS X Lion, Firefox 15, 750 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_lion_900.png">
Expected Output (Mac OS X Lion, Firefox 15, 900 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_lion_1000.png">
Expected Output (Mac OS X Lion, Firefox 15, 1000 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_lion_1100.png">
Expected Output (Mac OS X Lion, Firefox 15, 1100 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_lion_1200.png">
Expected Output (Mac OS X Lion, Firefox 15, 1200 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_win7_750.png">
Expected Output (Windows 7, Firefox 15, 750 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_win7_900.png">
Expected Output (Windows 7, Firefox 15, 900 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_win7_1000.png">
Expected Output (Windows 7, Firefox 15, 1000 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_win7_1100.png">
Expected Output (Windows 7, Firefox 15, 1100 pixels wide)
</option>
<option value="2/output/hw2_expected_output_ff15_win7_1200.png">
Expected Output (Windows 7, Firefox 15, 1200 pixels wide)
</option>
</optgroup>
</select>
<label>
<input id="mix12" type="radio" name="whichpage" disabled="disabled" tabindex="4" />
Blend Both
</label>
</li>
<li>
<input id="page2" type="text" tabindex="6" />
<!-- value="https://webster.cs.washington.edu/USERNAME/hw1/pie.html" -->
<label>
<input id="show2" type="radio" name="whichpage" disabled="disabled" tabindex="7" />
Show Page
</label>
</li>
</ol>
<ul>
<li>
<button id="compare" tabindex="9">Compare</button>
<input id="uwnetid" type="text" size="8" maxlength="8" tabindex="8" />
Your UW NetID (optional)
</li>
</ul>
</fieldset>
</form>
<div id="errors" class="error" style="visibility: hidden"></div>
<div id="outputarea">
<img id="output1" src="../images/pixel.gif" alt="" />
<iframe id="output2" frameborder="0" border="0" style="height: 2200px;" tabindex="-1"></iframe>
</div>
</body>
</html>