info343/homework/comparison.html

<!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>