Guest User

sample segment

a guest
Sep 8th, 2011
89
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Segment 1</title>
  7.  
  8. <!--
  9.      ADDS Departure Report V. 1.1 Layout Demo
  10.     By: Scott Stewart, Bowhead Systems
  11.      Date: 09/06/2011
  12.      Notes: This layout is designed to facilitate dynamic addition of flight numbers and associated information
  13.             it also incorporates a tabbed interface to allow more data to be displayed without stacking weeks, one on top of the other
  14.            Secondly by breaking out the data entry areas into their own templates, maintenence becomes easier.
  15.            
  16.            This demo must be viewed from a webserver, JQuery will not render properly when using file://...
  17.     Change Log:
  18.    
  19.     Date       Who         Notes
  20.     ==================================================================================================================================
  21.    
  22. -->
  23.  <style type="text/css">
  24.     .utilButton {
  25.         padding: .4em 1em .4em 20px;
  26.         text-decoration: none;
  27.         position: relative;
  28.     }
  29.     .utilButton span.ui-icon {
  30.         margin: 0 5px 0 0;
  31.         position: absolute;
  32.         left: .2em;
  33.         top: 50%;
  34.         margin-top: -8px;
  35.     }
  36. </style>
  37. <script type="text/javascript">
  38. // this is spawned from the data entry dropdowns when anything other than 'OK' is selected
  39.         $('#dialog').dialog({
  40.             autoOpen: false,
  41.             modal: true,
  42.             width: 600,
  43.             buttons: {
  44.                 "Ok": function() {
  45.                     $(this).dialog("close");
  46.                 },
  47.                 "Cancel": function() {
  48.                     $(this).dialog("close");
  49.                 }
  50.             }
  51.         });
  52.    
  53.         //this is the controller for the dialog box. OK is always 0. This could be dynamically generated.
  54.         //Change the extension to .js.cfm and generate the case statements from a query.
  55.         $("select").change(function(event){
  56.             switch(
  57.                 $(this).val()){
  58.                     case '0':
  59.                     case '1':
  60.                     break;
  61.                     case '2':
  62.                     case '3':
  63.                     case '4':
  64.                     case '5':
  65.                     case '6':
  66.                         $('#dialog').dialog('open');
  67.                         return false;
  68.                     break;
  69.                 };
  70.         });
  71.        
  72.         //clones 1st week dropdown list values into every other week
  73.         $('#newWeek').click(function(event) {  
  74.             var $weekOne = $("span.wk1").find("select");
  75.            
  76.                 $("span.wk2").find("select").each(function(index, item) {
  77.                     $(item).val( $weekOne.eq(index).val() );
  78.      
  79.                 });
  80.                
  81.                 $("span.wk3").find("select").each(function(index, item) {
  82.                     $(item).val( $weekOne.eq(index).val() );
  83.      
  84.                 });
  85.                
  86.                 $("span.wk4").find("select").each(function(index, item) {
  87.                     $(item).val( $weekOne.eq(index).val() );
  88.      
  89.                 });
  90.                
  91.                 $("span.wk5").find("select").each(function(index, item) {
  92.                     $(item).val( $weekOne.eq(index).val() );
  93.      
  94.                 });
  95.        
  96.         });
  97. </script>
  98. </head>
  99.  
  100. <table width="100%" border="0" cellpadding="0" cellspacing="0">
  101.   <tbody>
  102.    <tr>
  103.      <td colspan="6" id="week_1" class="topandbottomline"><p><strong>Utilities:&nbsp;</strong> <a href="#" class="utilButton ui-state-default ui-corner-all" id="addFlight"> <span class="ui-icon ui-icon-newwin"></span>Add Flight</a> &nbsp; <a href="#" class="utilButton ui-state-default ui-corner-all" id="newWeek"> <span class="ui-icon ui-icon-newwin"></span>Duplicate Data</a> </p></td>
  104.    </tr>
  105.     <tr>
  106.       <td class="depFormTitle">&nbsp;</td>
  107.       <td class="depFormTitle">Flight # 5421</td>
  108.       <td class="depFormTitle">Flight # 7249</td>
  109.       <td class="depFormTitle">Flight # 2183</td>
  110.     </tr>
  111.     <tr>
  112.       <td colspan="4">&nbsp;</td>
  113.     </tr>
  114.   <span class="wk1">
  115.   <tr class="dataEntryRow">
  116.     <td>Sunday<br/>
  117.       01/01/2011</td>
  118.     <td><select id="flstatuscodeWK101">
  119.         <option value="0"></option>
  120.         <option value="1">OK</option>
  121.         <option value="2">WX</option>
  122.         <option value="3">MX</option>
  123.         <option value="4">AC</option>
  124.         <option value="5">SA</option>
  125.         <option value="6">CX</option>
  126.       </select></td>
  127.     <td><select id="flstatuscodeWK102">
  128.         <option value="0"></option>
  129.         <option value="1">OK</option>
  130.         <option value="2">WX</option>
  131.         <option value="3">MX</option>
  132.         <option value="4">AC</option>
  133.         <option value="5">SA</option>
  134.         <option value="6">CX</option>
  135.       </select></td>
  136.     <td><select name="flstatuscode2" id="flstatuscodeWK103">
  137.         <option value="0"></option>
  138.         <option value="1">OK</option>
  139.         <option value="2">WX</option>
  140.         <option value="3">MX</option>
  141.         <option value="4">AC</option>
  142.         <option value="5">SA</option>
  143.         <option value="6">CX</option>
  144.       </select></td>
  145.   </tr>
  146.   <tr>
  147.     <td class="dataEntryRow">Monday<br />
  148.       01/02/2011</td>
  149.     <td><select name="flstatuscode" id="flstatuscodeWK107">
  150.         <option value="0"></option>
  151.         <option value="1">OK</option>
  152.         <option value="2">WX</option>
  153.         <option value="3">MX</option>
  154.         <option value="4">AC</option>
  155.         <option value="5">SA</option>
  156.         <option value="6">CX</option>
  157.       </select></td>
  158.     <td><select name="flstatuscode" id="flstatuscodeWK108">
  159.         <option value="0"></option>
  160.         <option value="1">OK</option>
  161.         <option value="2">WX</option>
  162.         <option value="3">MX</option>
  163.         <option value="4">AC</option>
  164.         <option value="5">SA</option>
  165.         <option value="6">CX</option>
  166.       </select></td>
  167.     <td><select name="flstatuscode" id="flstatuscodeWK109">
  168.         <option value="0"></option>
  169.         <option value="1">OK</option>
  170.         <option value="2">WX</option>
  171.         <option value="3">MX</option>
  172.         <option value="4">AC</option>
  173.         <option value="5">SA</option>
  174.         <option value="6">CX</option>
  175.       </select></td>
  176.   </tr>
  177.   <tr>
  178.     <td class="dataEntryRow">Tuesday<br />
  179.       01/03/2011</td>
  180.     <td><select name="flstatuscode"  id="flstatuscodeWK112">
  181.         <option value="0"></option>
  182.         <option value="1">OK</option>
  183.         <option value="2">WX</option>
  184.         <option value="3">MX</option>
  185.         <option value="4">AC</option>
  186.         <option value="5">SA</option>
  187.         <option value="6">CX</option>
  188.       </select></td>
  189.     <td><select name="flstatuscode" id="flstatuscodeWK113">
  190.         <option value="0"></option>
  191.         <option value="1">OK</option>
  192.         <option value="2">WX</option>
  193.         <option value="3">MX</option>
  194.         <option value="4">AC</option>
  195.         <option value="5">SA</option>
  196.         <option value="6">CX</option>
  197.       </select></td>
  198.     <td colspan="2"><select name="flstatuscode" id="flstatuscodeWK114">
  199.         <option value="0"></option>
  200.         <option value="1">OK</option>
  201.         <option value="2">WX</option>
  202.         <option value="3">MX</option>
  203.         <option value="4">AC</option>
  204.         <option value="5">SA</option>
  205.         <option value="6">CX</option>
  206.       </select></td>
  207.   </tr>
  208.   <tr>
  209.     <td class="dataEntryRow">Wednesday<br />
  210.       01/04/2011</td>
  211.     <td><select name="flstatuscode" id="flstatuscodeWK118">
  212.         <option value="0"></option>
  213.         <option value="1">OK</option>
  214.         <option value="2">WX</option>
  215.         <option value="3">MX</option>
  216.         <option value="4">AC</option>
  217.         <option value="5">SA</option>
  218.         <option value="6">CX</option>
  219.       </select></td>
  220.     <td><select name="flstatuscode" id="flstatuscodeWK119">
  221.         <option value="0"></option>
  222.         <option value="1">OK</option>
  223.         <option value="2">WX</option>
  224.         <option value="3">MX</option>
  225.         <option value="4">AC</option>
  226.         <option value="5">SA</option>
  227.         <option value="6">CX</option>
  228.       </select></td>
  229.     <td colspan="3"><select name="flstatuscode" id="flstatuscodeWK120">
  230.         <option value="0"></option>
  231.         <option value="1">OK</option>
  232.         <option value="2">WX</option>
  233.         <option value="3">MX</option>
  234.         <option value="4">AC</option>
  235.         <option value="5">SA</option>
  236.         <option value="6">CX</option>
  237.       </select></td>
  238.   </tr>
  239.   <tr>
  240.     <td class="dataEntryRow">Thursday<br />
  241.       01/05/2011</td>
  242.     <td><select name="flstatuscode" id="flstatuscodeWK124">
  243.         <option value="0"></option>
  244.         <option value="1">OK</option>
  245.         <option value="2">WX</option>
  246.         <option value="3">MX</option>
  247.         <option value="4">AC</option>
  248.         <option value="5">SA</option>
  249.         <option value="6">CX</option>
  250.       </select></td>
  251.     <td><select name="flstatuscode" id="flstatuscodeWK125">
  252.         <option value="0"></option>
  253.         <option value="1">OK</option>
  254.         <option value="2">WX</option>
  255.         <option value="3">MX</option>
  256.         <option value="4">AC</option>
  257.         <option value="5">SA</option>
  258.         <option value="6">CX</option>
  259.       </select></td>
  260.     <td colspan="3"><select name="flstatuscode" id="flstatuscodeWK126">
  261.         <option value="0"></option>
  262.         <option value="1">OK</option>
  263.         <option value="2">WX</option>
  264.         <option value="3">MX</option>
  265.         <option value="4">AC</option>
  266.         <option value="5">SA</option>
  267.         <option value="6">CX</option>
  268.       </select></td>
  269.   </tr>
  270.   <tr>
  271.     <td class="dataEntryRow">Friday<br />
  272.       01/06/2011</td>
  273.     <td><select name="flstatuscode" id="flstatuscodeWK130">
  274.         <option value="0"></option>
  275.         <option value="1">OK</option>
  276.         <option value="2">WX</option>
  277.         <option value="3">MX</option>
  278.         <option value="4">AC</option>
  279.         <option value="5">SA</option>
  280.         <option value="6">CX</option>
  281.       </select></td>
  282.     <td><select name="flstatuscode" id="flstatuscodeWK131">
  283.         <option value="0"></option>
  284.         <option value="1">OK</option>
  285.         <option value="2">WX</option>
  286.         <option value="3">MX</option>
  287.         <option value="4">AC</option>
  288.         <option value="5">SA</option>
  289.         <option value="6">CX</option>
  290.       </select></td>
  291.     <td colspan="3"><select name="flstatuscode" id="flstatuscodeWK132">
  292.         <option value="0"></option>
  293.         <option value="1">OK</option>
  294.         <option value="2">WX</option>
  295.         <option value="3">MX</option>
  296.         <option value="4">AC</option>
  297.         <option value="5">SA</option>
  298.         <option value="6">CX</option>
  299.       </select></td>
  300.   </tr>
  301.   <tr>
  302.     <td class="dataEntryRow">Saturday<br />
  303.       01/07/2011</td>
  304.     <td><select name="flstatuscode" id="flstatuscodeWK136">
  305.         <option value="0"></option>
  306.         <option value="1">OK</option>
  307.         <option value="2">WX</option>
  308.         <option value="3">MX</option>
  309.         <option value="4">AC</option>
  310.         <option value="5">SA</option>
  311.         <option value="6">CX</option>
  312.       </select></td>
  313.     <td><select name="flstatuscode" id="flstatuscodeWK137">
  314.         <option value="0"></option>
  315.         <option value="1">OK</option>
  316.         <option value="2">WX</option>
  317.         <option value="3">MX</option>
  318.         <option value="4">AC</option>
  319.         <option value="5">SA</option>
  320.         <option value="6">CX</option>
  321.       </select></td>
  322.     <td colspan="3"><select name="flstatuscode" id="flstatuscodeWK138">
  323.         <option value="0"></option>
  324.         <option value="1">OK</option>
  325.         <option value="2">WX</option>
  326.         <option value="3">MX</option>
  327.         <option value="4">AC</option>
  328.         <option value="5">SA</option>
  329.         <option value="6">CX</option>
  330.       </select></td>
  331.   </tr>
  332.   <tr id="spacer">
  333.     <td colspan="7">&nbsp;</td>
  334.   </tr>
  335.   </span> <span class="wk2">
  336.   <tr>
  337.     <td class="dataEntryRow">Sunday<br />
  338.       01/08/2011</td>
  339.     <td><select name="flstatuscode20">
  340.         <option value="0"></option>
  341.         <option value="1">OK</option>
  342.         <option value="2">WX</option>
  343.         <option value="3">MX</option>
  344.         <option value="4">AC</option>
  345.         <option value="5">SA</option>
  346.         <option value="6">CX</option>
  347.       </select></td>
  348.     <td><select name="flstatuscode21">
  349.         <option value="0"></option>
  350.         <option value="1">OK</option>
  351.         <option value="2">WX</option>
  352.         <option value="3">MX</option>
  353.         <option value="4">AC</option>
  354.         <option value="5">SA</option>
  355.         <option value="6">CX</option>
  356.       </select></td>
  357.     <td colspan="2"><select name="flstatuscode17">
  358.         <option value="0"></option>
  359.         <option value="1">OK</option>
  360.         <option value="2">WX</option>
  361.         <option value="3">MX</option>
  362.         <option value="4">AC</option>
  363.         <option value="5">SA</option>
  364.         <option value="6">CX</option>
  365.       </select></td>
  366.   </tr>
  367.   <tr>
  368.     <td class="dataEntryRow">Monday<br />
  369.       01/09/2011</td>
  370.     <td><select name="flstatuscode18">
  371.         <option value="0"></option>
  372.         <option value="1">OK</option>
  373.         <option value="2">WX</option>
  374.         <option value="3">MX</option>
  375.         <option value="4">AC</option>
  376.         <option value="5">SA</option>
  377.         <option value="6">CX</option>
  378.       </select></td>
  379.     <td><select name="flstatuscode16">
  380.         <option value="0"></option>
  381.         <option value="1">OK</option>
  382.         <option value="2">WX</option>
  383.         <option value="3">MX</option>
  384.         <option value="4">AC</option>
  385.         <option value="5">SA</option>
  386.         <option value="6">CX</option>
  387.       </select></td>
  388.     <td colspan="2"><select name="flstatuscode15" id="flstatuscode6">
  389.         <option value="0"></option>
  390.         <option value="1">OK</option>
  391.         <option value="2">WX</option>
  392.         <option value="3">MX</option>
  393.         <option value="4">AC</option>
  394.         <option value="5">SA</option>
  395.         <option value="6">CX</option>
  396.       </select></td>
  397.   </tr>
  398.   <tr>
  399.     <td class="dataEntryRow">Tuesday<br />
  400.       01/10/2011</td>
  401.     <td><select name="flstatuscode">
  402.         <option value="0"></option>
  403.         <option value="1">OK</option>
  404.         <option value="2">WX</option>
  405.         <option value="3">MX</option>
  406.         <option value="4">AC</option>
  407.         <option value="5">SA</option>
  408.         <option value="6">CX</option>
  409.       </select></td>
  410.     <td><select name="flstatuscode">
  411.         <option value="0"></option>
  412.         <option value="1">OK</option>
  413.         <option value="2">WX</option>
  414.         <option value="3">MX</option>
  415.         <option value="4">AC</option>
  416.         <option value="5">SA</option>
  417.         <option value="6">CX</option>
  418.       </select></td>
  419.     <td colspan="2"><select name="flstatuscode">
  420.         <option value="0"></option>
  421.         <option value="1">OK</option>
  422.         <option value="2">WX</option>
  423.         <option value="3">MX</option>
  424.         <option value="4">AC</option>
  425.         <option value="5">SA</option>
  426.         <option value="6">CX</option>
  427.       </select></td>
  428.   </tr>
  429.   <tr>
  430.     <td class="dataEntryRow">Wednesday<br />
  431.       01/11/2011</td>
  432.     <td><select name="flstatuscode">
  433.         <option value="0"></option>
  434.         <option value="1">OK</option>
  435.         <option value="2">WX</option>
  436.         <option value="3">MX</option>
  437.         <option value="4">AC</option>
  438.         <option value="5">SA</option>
  439.         <option value="6">CX</option>
  440.       </select></td>
  441.     <td><select name="flstatuscode">
  442.         <option value="0"></option>
  443.         <option value="1">OK</option>
  444.         <option value="2">WX</option>
  445.         <option value="3">MX</option>
  446.         <option value="4">AC</option>
  447.         <option value="5">SA</option>
  448.         <option value="6">CX</option>
  449.       </select></td>
  450.     <td colspan="2"><select name="flstatuscode">
  451.         <option value="0"></option>
  452.         <option value="1">OK</option>
  453.         <option value="2">WX</option>
  454.         <option value="3">MX</option>
  455.         <option value="4">AC</option>
  456.         <option value="5">SA</option>
  457.         <option value="6">CX</option>
  458.       </select></td>
  459.   </tr>
  460.   <tr>
  461.     <td class="dataEntryRow">Thursday<br />
  462.       01/12/2011</td>
  463.     <td><select name="flstatuscode">
  464.         <option value="0"></option>
  465.         <option value="1">OK</option>
  466.         <option value="2">WX</option>
  467.         <option value="3">MX</option>
  468.         <option value="4">AC</option>
  469.         <option value="5">SA</option>
  470.         <option value="6">CX</option>
  471.       </select></td>
  472.     <td><select name="flstatuscode">
  473.         <option value="0"></option>
  474.         <option value="1">OK</option>
  475.         <option value="2">WX</option>
  476.         <option value="3">MX</option>
  477.         <option value="4">AC</option>
  478.         <option value="5">SA</option>
  479.         <option value="6">CX</option>
  480.       </select></td>
  481.     <td colspan="2"><select name="flstatuscode">
  482.         <option value="0"></option>
  483.         <option value="1">OK</option>
  484.         <option value="2">WX</option>
  485.         <option value="3">MX</option>
  486.         <option value="4">AC</option>
  487.         <option value="5">SA</option>
  488.         <option value="6">CX</option>
  489.       </select></td>
  490.   </tr>
  491.   <tr>
  492.     <td class="dataEntryRow">Friday<br />
  493.       01/13/2011</td>
  494.     <td><select name="flstatuscode">
  495.         <option value="0"></option>
  496.         <option value="1">OK</option>
  497.         <option value="2">WX</option>
  498.         <option value="3">MX</option>
  499.         <option value="4">AC</option>
  500.         <option value="5">SA</option>
  501.         <option value="6">CX</option>
  502.       </select></td>
  503.     <td><select name="flstatuscode">
  504.         <option value="0"></option>
  505.         <option value="1">OK</option>
  506.         <option value="2">WX</option>
  507.         <option value="3">MX</option>
  508.         <option value="4">AC</option>
  509.         <option value="5">SA</option>
  510.         <option value="6">CX</option>
  511.       </select></td>
  512.     <td colspan="2"><select name="flstatuscode">
  513.         <option value="0"></option>
  514.         <option value="1">OK</option>
  515.         <option value="2">WX</option>
  516.         <option value="3">MX</option>
  517.         <option value="4">AC</option>
  518.         <option value="5">SA</option>
  519.         <option value="6">CX</option>
  520.       </select></td>
  521.   </tr>
  522.   <tr>
  523.     <td class="dataEntryRow">Saturday<br />
  524.       01/14/2011</td>
  525.     <td><select name="flstatuscode">
  526.         <option value="0"></option>
  527.         <option value="1">OK</option>
  528.         <option value="2">WX</option>
  529.         <option value="3">MX</option>
  530.         <option value="4">AC</option>
  531.         <option value="5">SA</option>
  532.         <option value="6">CX</option>
  533.       </select></td>
  534.     <td><select name="flstatuscode">
  535.         <option value="0"></option>
  536.         <option value="1">OK</option>
  537.         <option value="2">WX</option>
  538.         <option value="3">MX</option>
  539.         <option value="4">AC</option>
  540.         <option value="5">SA</option>
  541.         <option value="6">CX</option>
  542.       </select></td>
  543.     <td colspan="2"><select name="flstatuscode">
  544.         <option value="0"></option>
  545.         <option value="1">OK</option>
  546.         <option value="2">WX</option>
  547.         <option value="3">MX</option>
  548.         <option value="4">AC</option>
  549.         <option value="5">SA</option>
  550.         <option value="6">CX</option>
  551.       </select></td>
  552.   </tr>
  553.   <tr id="spacer">
  554.     <td colspan="6">&nbsp;</td>
  555.   </tr>
  556.   </span> <span class="wk3">
  557.   <tr>
  558.     <td class="dataEntryRow">Sunday<br/>
  559.       01/15/2011</td>
  560.     <td><select name="flstatuscode">
  561.         <option value="0"></option>
  562.         <option value="1">OK</option>
  563.         <option value="2">WX</option>
  564.         <option value="3">MX</option>
  565.         <option value="4">AC</option>
  566.         <option value="5">SA</option>
  567.         <option value="6">CX</option>
  568.       </select></td>
  569.     <td><select name="flstatuscode">
  570.         <option value="0"></option>
  571.         <option value="1">OK</option>
  572.         <option value="2">WX</option>
  573.         <option value="3">MX</option>
  574.         <option value="4">AC</option>
  575.         <option value="5">SA</option>
  576.         <option value="6">CX</option>
  577.       </select></td>
  578.     <td colspan="2"><select name="flstatuscode">
  579.         <option value="0"></option>
  580.         <option value="1">OK</option>
  581.         <option value="2">WX</option>
  582.         <option value="3">MX</option>
  583.         <option value="4">AC</option>
  584.         <option value="5">SA</option>
  585.         <option value="6">CX</option>
  586.       </select></td>
  587.   </tr>
  588.   <tr>
  589.     <td class="dataEntryRow">Monday<br/>
  590.       01/16/2011</td>
  591.     <td><select name="flstatuscode">
  592.         <option value="0"></option>
  593.         <option value="1">OK</option>
  594.         <option value="2">WX</option>
  595.         <option value="3">MX</option>
  596.         <option value="4">AC</option>
  597.         <option value="5">SA</option>
  598.         <option value="6">CX</option>
  599.       </select></td>
  600.     <td><select name="flstatuscode">
  601.         <option value="0"></option>
  602.         <option value="1">OK</option>
  603.         <option value="2">WX</option>
  604.         <option value="3">MX</option>
  605.         <option value="4">AC</option>
  606.         <option value="5">SA</option>
  607.         <option value="6">CX</option>
  608.       </select></td>
  609.     <td colspan="2"><select name="flstatuscode">
  610.         <option value="0"></option>
  611.         <option value="1">OK</option>
  612.         <option value="2">WX</option>
  613.         <option value="3">MX</option>
  614.         <option value="4">AC</option>
  615.         <option value="5">SA</option>
  616.         <option value="6">CX</option>
  617.       </select></td>
  618.   </tr>
  619.   <tr>
  620.     <td class="dataEntryRow">Tuesday<br/>
  621.       01/17/2011</td>
  622.     <td><select name="flstatuscode">
  623.         <option value="0"></option>
  624.         <option value="1">OK</option>
  625.         <option value="2">WX</option>
  626.         <option value="3">MX</option>
  627.         <option value="4">AC</option>
  628.         <option value="5">SA</option>
  629.         <option value="6">CX</option>
  630.       </select></td>
  631.     <td><select name="flstatuscode">
  632.         <option value="0"></option>
  633.         <option value="1">OK</option>
  634.         <option value="2">WX</option>
  635.         <option value="3">MX</option>
  636.         <option value="4">AC</option>
  637.         <option value="5">SA</option>
  638.         <option value="6">CX</option>
  639.       </select></td>
  640.     <td colspan="2"><select name="flstatuscode">
  641.         <option value="0"></option>
  642.         <option value="1">OK</option>
  643.         <option value="2">WX</option>
  644.         <option value="3">MX</option>
  645.         <option value="4">AC</option>
  646.         <option value="5">SA</option>
  647.         <option value="6">CX</option>
  648.       </select></td>
  649.   </tr>
  650.   <tr>
  651.     <td class="dataEntryRow">Wednesday<br/>
  652.       01/18/2011</td>
  653.     <td><select name="flstatuscode">
  654.         <option value="0"></option>
  655.         <option value="1">OK</option>
  656.         <option value="2">WX</option>
  657.         <option value="3">MX</option>
  658.         <option value="4">AC</option>
  659.         <option value="5">SA</option>
  660.         <option value="6">CX</option>
  661.       </select></td>
  662.     <td><select name="flstatuscode">
  663.         <option value="0"></option>
  664.         <option value="1">OK</option>
  665.         <option value="2">WX</option>
  666.         <option value="3">MX</option>
  667.         <option value="4">AC</option>
  668.         <option value="5">SA</option>
  669.         <option value="6">CX</option>
  670.       </select></td>
  671.     <td colspan="2"><select name="flstatuscode">
  672.         <option value="0"></option>
  673.         <option value="1">OK</option>
  674.         <option value="2">WX</option>
  675.         <option value="3">MX</option>
  676.         <option value="4">AC</option>
  677.         <option value="5">SA</option>
  678.         <option value="6">CX</option>
  679.       </select></td>
  680.   </tr>
  681.   <tr>
  682.     <td class="dataEntryRow">Thursday<br/>
  683.       01/19/2011</td>
  684.     <td><select name="flstatuscode">
  685.         <option value="0"></option>
  686.         <option value="1">OK</option>
  687.         <option value="2">WX</option>
  688.         <option value="3">MX</option>
  689.         <option value="4">AC</option>
  690.         <option value="5">SA</option>
  691.         <option value="6">CX</option>
  692.       </select></td>
  693.     <td><select name="flstatuscode">
  694.         <option value="0"></option>
  695.         <option value="1">OK</option>
  696.         <option value="2">WX</option>
  697.         <option value="3">MX</option>
  698.         <option value="4">AC</option>
  699.         <option value="5">SA</option>
  700.         <option value="6">CX</option>
  701.       </select></td>
  702.     <td colspan="2"><select name="flstatuscode">
  703.         <option value="0"></option>
  704.         <option value="1">OK</option>
  705.         <option value="2">WX</option>
  706.         <option value="3">MX</option>
  707.         <option value="4">AC</option>
  708.         <option value="5">SA</option>
  709.         <option value="6">CX</option>
  710.       </select></td>
  711.   </tr>
  712.   <tr>
  713.     <td class="dataEntryRow">Friday<br/>
  714.       01/20/2011</td>
  715.     <td><select name="flstatuscode">
  716.         <option value="0"></option>
  717.         <option value="1">OK</option>
  718.         <option value="2">WX</option>
  719.         <option value="3">MX</option>
  720.         <option value="4">AC</option>
  721.         <option value="5">SA</option>
  722.         <option value="6">CX</option>
  723.       </select></td>
  724.     <td><select name="flstatuscode">
  725.         <option value="0"></option>
  726.         <option value="1">OK</option>
  727.         <option value="2">WX</option>
  728.         <option value="3">MX</option>
  729.         <option value="4">AC</option>
  730.         <option value="5">SA</option>
  731.         <option value="6">CX</option>
  732.       </select></td>
  733.     <td colspan="2"><select name="flstatuscode">
  734.         <option value="0"></option>
  735.         <option value="1">OK</option>
  736.         <option value="2">WX</option>
  737.         <option value="3">MX</option>
  738.         <option value="4">AC</option>
  739.         <option value="5">SA</option>
  740.         <option value="6">CX</option>
  741.       </select></td>
  742.   </tr>
  743.   <tr>
  744.     <td class="dataEntryRow">Saturday<br/>
  745.       01/21/2011</td>
  746.     <td><select name="flstatuscode">
  747.         <option value="0"></option>
  748.         <option value="1">OK</option>
  749.         <option value="2">WX</option>
  750.         <option value="3">MX</option>
  751.         <option value="4">AC</option>
  752.         <option value="5">SA</option>
  753.         <option value="6">CX</option>
  754.       </select></td>
  755.     <td><select name="flstatuscode">
  756.         <option value="0"></option>
  757.         <option value="1">OK</option>
  758.         <option value="2">WX</option>
  759.         <option value="3">MX</option>
  760.         <option value="4">AC</option>
  761.         <option value="5">SA</option>
  762.         <option value="6">CX</option>
  763.       </select></td>
  764.     <td colspan="2"><select name="flstatuscode">
  765.         <option value="0"></option>
  766.         <option value="1">OK</option>
  767.         <option value="2">WX</option>
  768.         <option value="3">MX</option>
  769.         <option value="4">AC</option>
  770.         <option value="5">SA</option>
  771.         <option value="6">CX</option>
  772.       </select></td>
  773.   </tr>
  774.   <tr id="spacer">
  775.     <td colspan="7">&nbsp;</td>
  776.   </tr>
  777.   </span> <span class="wk4">
  778.   <tr>
  779.     <td class="dataEntryRow">Sunday<br/>
  780.       01/22/2011 </td>
  781.     <td><select name="flstatuscode">
  782.         <option value="0"></option>
  783.         <option value="1">OK</option>
  784.         <option value="2">WX</option>
  785.         <option value="3">MX</option>
  786.         <option value="4">AC</option>
  787.         <option value="5">SA</option>
  788.         <option value="6">CX</option>
  789.       </select></td>
  790.     <td><select name="flstatuscode">
  791.         <option value="0"></option>
  792.         <option value="1">OK</option>
  793.         <option value="2">WX</option>
  794.         <option value="3">MX</option>
  795.         <option value="4">AC</option>
  796.         <option value="5">SA</option>
  797.         <option value="6">CX</option>
  798.       </select></td>
  799.     <td colspan="2"><select name="flstatuscode">
  800.         <option value="0"></option>
  801.         <option value="1">OK</option>
  802.         <option value="2">WX</option>
  803.         <option value="3">MX</option>
  804.         <option value="4">AC</option>
  805.         <option value="5">SA</option>
  806.         <option value="6">CX</option>
  807.       </select></td>
  808.   </tr>
  809.   <tr>
  810.     <td class="dataEntryRow">Monday<br/>
  811.       01/23/2011 </td>
  812.     <td><select name="flstatuscode">
  813.         <option value="0"></option>
  814.         <option value="1">OK</option>
  815.         <option value="2">WX</option>
  816.         <option value="3">MX</option>
  817.         <option value="4">AC</option>
  818.         <option value="5">SA</option>
  819.         <option value="6">CX</option>
  820.       </select></td>
  821.     <td><select name="flstatuscode">
  822.         <option value="0"></option>
  823.         <option value="1">OK</option>
  824.         <option value="2">WX</option>
  825.         <option value="3">MX</option>
  826.         <option value="4">AC</option>
  827.         <option value="5">SA</option>
  828.         <option value="6">CX</option>
  829.       </select></td>
  830.     <td colspan="2"><select name="flstatuscode">
  831.         <option value="0"></option>
  832.         <option value="1">OK</option>
  833.         <option value="2">WX</option>
  834.         <option value="3">MX</option>
  835.         <option value="4">AC</option>
  836.         <option value="5">SA</option>
  837.         <option value="6">CX</option>
  838.       </select></td>
  839.   </tr>
  840.   <tr>
  841.     <td class="dataEntryRow">Tuesday<br/>
  842.       01/24/2011</td>
  843.     <td><select name="flstatuscode">
  844.         <option value="0"></option>
  845.         <option value="1">OK</option>
  846.         <option value="2">WX</option>
  847.         <option value="3">MX</option>
  848.         <option value="4">AC</option>
  849.         <option value="5">SA</option>
  850.         <option value="6">CX</option>
  851.       </select></td>
  852.     <td><select name="flstatuscode">
  853.         <option value="0"></option>
  854.         <option value="1">OK</option>
  855.         <option value="2">WX</option>
  856.         <option value="3">MX</option>
  857.         <option value="4">AC</option>
  858.         <option value="5">SA</option>
  859.         <option value="6">CX</option>
  860.       </select></td>
  861.     <td colspan="2"><select name="flstatuscode">
  862.         <option value="0"></option>
  863.         <option value="1">OK</option>
  864.         <option value="2">WX</option>
  865.         <option value="3">MX</option>
  866.         <option value="4">AC</option>
  867.         <option value="5">SA</option>
  868.         <option value="6">CX</option>
  869.       </select></td>
  870.   </tr>
  871.   <tr>
  872.     <td class="dataEntryRow">Wednesday<br/>
  873.       01/25/2011 </td>
  874.     <td><select name="flstatuscode">
  875.         <option value="0"></option>
  876.         <option value="1">OK</option>
  877.         <option value="2">WX</option>
  878.         <option value="3">MX</option>
  879.         <option value="4">AC</option>
  880.         <option value="5">SA</option>
  881.         <option value="6">CX</option>
  882.       </select></td>
  883.     <td><select name="flstatuscode">
  884.         <option value="0"></option>
  885.         <option value="1">OK</option>
  886.         <option value="2">WX</option>
  887.         <option value="3">MX</option>
  888.         <option value="4">AC</option>
  889.         <option value="5">SA</option>
  890.         <option value="6">CX</option>
  891.       </select></td>
  892.     <td colspan="2"><select name="flstatuscode">
  893.         <option value="0"></option>
  894.         <option value="1">OK</option>
  895.         <option value="2">WX</option>
  896.         <option value="3">MX</option>
  897.         <option value="4">AC</option>
  898.         <option value="5">SA</option>
  899.         <option value="6">CX</option>
  900.       </select></td>
  901.   </tr>
  902.   <tr>
  903.     <td class="dataEntryRow">Thursday<br/>
  904.       01/26/2011</td>
  905.     <td><select name="flstatuscode">
  906.         <option value="0"></option>
  907.         <option value="1">OK</option>
  908.         <option value="2">WX</option>
  909.         <option value="3">MX</option>
  910.         <option value="4">AC</option>
  911.         <option value="5">SA</option>
  912.         <option value="6">CX</option>
  913.       </select></td>
  914.     <td><select name="flstatuscode">
  915.         <option value="0"></option>
  916.         <option value="1">OK</option>
  917.         <option value="2">WX</option>
  918.         <option value="3">MX</option>
  919.         <option value="4">AC</option>
  920.         <option value="5">SA</option>
  921.         <option value="6">CX</option>
  922.       </select></td>
  923.     <td colspan="2"><select name="flstatuscode">
  924.         <option value="0"></option>
  925.         <option value="1">OK</option>
  926.         <option value="2">WX</option>
  927.         <option value="3">MX</option>
  928.         <option value="4">AC</option>
  929.         <option value="5">SA</option>
  930.         <option value="6">CX</option>
  931.       </select></td>
  932.   </tr>
  933.   <tr>
  934.     <td class="dataEntryRow">Friday<br/>
  935.       01/27/2011</td>
  936.     <td><select name="flstatuscode">
  937.         <option value="0"></option>
  938.         <option value="1">OK</option>
  939.         <option value="2">WX</option>
  940.         <option value="3">MX</option>
  941.         <option value="4">AC</option>
  942.         <option value="5">SA</option>
  943.         <option value="6">CX</option>
  944.       </select></td>
  945.     <td><select name="flstatuscode">
  946.         <option value="0"></option>
  947.         <option value="1">OK</option>
  948.         <option value="2">WX</option>
  949.         <option value="3">MX</option>
  950.         <option value="4">AC</option>
  951.         <option value="5">SA</option>
  952.         <option value="6">CX</option>
  953.       </select></td>
  954.     <td colspan="2"><select name="flstatuscode">
  955.         <option value="0"></option>
  956.         <option value="1">OK</option>
  957.         <option value="2">WX</option>
  958.         <option value="3">MX</option>
  959.         <option value="4">AC</option>
  960.         <option value="5">SA</option>
  961.         <option value="6">CX</option>
  962.       </select></td>
  963.   </tr>
  964.   <tr>
  965.     <td class="dataEntryRow">Saturday<br/>
  966.       01/28/2011</td>
  967.     <td><select name="flstatuscode">
  968.         <option value="0"></option>
  969.         <option value="1">OK</option>
  970.         <option value="2">WX</option>
  971.         <option value="3">MX</option>
  972.         <option value="4">AC</option>
  973.         <option value="5">SA</option>
  974.         <option value="6">CX</option>
  975.       </select></td>
  976.     <td><select name="flstatuscode">
  977.         <option value="0"></option>
  978.         <option value="1">OK</option>
  979.         <option value="2">WX</option>
  980.         <option value="3">MX</option>
  981.         <option value="4">AC</option>
  982.         <option value="5">SA</option>
  983.         <option value="6">CX</option>
  984.       </select></td>
  985.     <td colspan="2"><select name="flstatuscode">
  986.         <option value="0"></option>
  987.         <option value="1">OK</option>
  988.         <option value="2">WX</option>
  989.         <option value="3">MX</option>
  990.         <option value="4">AC</option>
  991.         <option value="5">SA</option>
  992.         <option value="6">CX</option>
  993.       </select></td>
  994.   </tr>
  995.   <tr id="spacer">
  996.     <td colspan="6">&nbsp;</td>
  997.   </tr>
  998.   </span> <span class="wk5">
  999.   <tr>
  1000.     <td class="dataEntryRow">Sunday<br/>
  1001.       01/29/2011</td>
  1002.     <td><select name="flstatuscode">
  1003.         <option value="0"></option>
  1004.         <option value="1">OK</option>
  1005.         <option value="2">WX</option>
  1006.         <option value="3">MX</option>
  1007.         <option value="4">AC</option>
  1008.         <option value="5">SA</option>
  1009.         <option value="6">CX</option>
  1010.       </select></td>
  1011.     <td><select name="flstatuscode">
  1012.         <option value="0"></option>
  1013.         <option value="1">OK</option>
  1014.         <option value="2">WX</option>
  1015.         <option value="3">MX</option>
  1016.         <option value="4">AC</option>
  1017.         <option value="5">SA</option>
  1018.         <option value="6">CX</option>
  1019.       </select></td>
  1020.     <td colspan="2"><select name="flstatuscode">
  1021.         <option value="0"></option>
  1022.         <option value="1">OK</option>
  1023.         <option value="2">WX</option>
  1024.         <option value="3">MX</option>
  1025.         <option value="4">AC</option>
  1026.         <option value="5">SA</option>
  1027.         <option value="6">CX</option>
  1028.       </select></td>
  1029.   </tr>
  1030.   <tr>
  1031.     <td class="dataEntryRow">Monday<br/>
  1032.       01/30/2011</td>
  1033.     <td><select name="flstatuscode">
  1034.         <option value="0"></option>
  1035.         <option value="1">OK</option>
  1036.         <option value="2">WX</option>
  1037.         <option value="3">MX</option>
  1038.         <option value="4">AC</option>
  1039.         <option value="5">SA</option>
  1040.         <option value="6">CX</option>
  1041.       </select></td>
  1042.     <td><select name="flstatuscode">
  1043.         <option value="0"></option>
  1044.         <option value="1">OK</option>
  1045.         <option value="2">WX</option>
  1046.         <option value="3">MX</option>
  1047.         <option value="4">AC</option>
  1048.         <option value="5">SA</option>
  1049.         <option value="6">CX</option>
  1050.       </select></td>
  1051.     <td colspan="2"><select name="flstatuscode">
  1052.         <option value="0"></option>
  1053.         <option value="1">OK</option>
  1054.         <option value="2">WX</option>
  1055.         <option value="3">MX</option>
  1056.         <option value="4">AC</option>
  1057.         <option value="5">SA</option>
  1058.         <option value="6">CX</option>
  1059.       </select></td>
  1060.   </tr>
  1061.   <tr>
  1062.     <td class="dataEntryRow">Tuesday<br/>
  1063.       01/31/2011 </td>
  1064.     <td><select name="flstatuscode">
  1065.         <option value="0"></option>
  1066.         <option value="1">OK</option>
  1067.         <option value="2">WX</option>
  1068.         <option value="3">MX</option>
  1069.         <option value="4">AC</option>
  1070.         <option value="5">SA</option>
  1071.         <option value="6">CX</option>
  1072.       </select></td>
  1073.     <td><select name="flstatuscode">
  1074.         <option value="0"></option>
  1075.         <option value="1">OK</option>
  1076.         <option value="2">WX</option>
  1077.         <option value="3">MX</option>
  1078.         <option value="4">AC</option>
  1079.         <option value="5">SA</option>
  1080.         <option value="6">CX</option>
  1081.       </select></td>
  1082.     <td colspan="2"><select name="flstatuscode">
  1083.         <option value="0"></option>
  1084.         <option value="1">OK</option>
  1085.         <option value="2">WX</option>
  1086.         <option value="3">MX</option>
  1087.         <option value="4">AC</option>
  1088.         <option value="5">SA</option>
  1089.         <option value="6">CX</option>
  1090.       </select></td>
  1091.   </tr>
  1092.   </span>
  1093.     </tbody>
  1094.  
  1095. </table>
  1096. <!-- modal content -->
  1097.   <div style="position: relative; width: 96%; height: 300px; padding:1% 4%; overflow:hidden; display:none">
  1098.     <!-- ui-dialog -->
  1099.     <div class="ui-overlay">
  1100.       <div class="ui-widget-overlay"></div>
  1101.       <div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div>
  1102.     </div>
  1103.     <div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">
  1104.       <div class="ui-dialog-content ui-widget-content" style="background: none; border: 0;"> </div>
  1105.     </div>
  1106.   </div>
  1107.  
  1108.  
  1109. <!-- ui-dialog -->
  1110. <div id="dialog" title="Flight Cancelation Information">
  1111.   <form id="comment" action="#" name="comment">
  1112.     <fieldset>
  1113.       <legend> Cancellation Reason </legend>
  1114.       <textarea style="width:95%; height:45%"></textarea>
  1115.     </fieldset>
  1116.   </form>
  1117. </div>
RAW Paste Data