Next / Previous / Contents / TCC Help System / NM Tech homepage

4.1. Layout of the top page

The top-level Web page will display a form with a set of radiobuttons, one for each U.S. state and Canadian province, plus one circle near Newfoundland that is actually French territory (St. Pierre and Miquelon).

To minimize screen height, these regional radiobuttons are presented in columns.

This form also displays two fields labeled First year no. and Last year no. that the user can use to limit the time range when searching for efforts in the selected region.

The submit button is entitled Generate a regional index.

Here's an outline of the generated XHTML in the body section (excluding the content added by the tccpage2 module).

  <form method='get'
      action='http://www.nmt.edu/~shipman/z/cbc/cbchist/regx.cgi'>
    <div>
      Year number 1 is 1900-1901; year number 101 is
      2000-2001; in general, the year containing
      December minus 1899.
    </div>
    <!--General page controls-->
    <table cellspacing='20' rules='none' border='0'>
      <tr>
        <td>
          <label for='FIRST_YEAR_ID'>First year no.</label>
          <input name='FIRST_YEAR_ENTRY' id='FIRST_YEAR_ID'
              type='text' size='4' maxlength='3'/>
        </td>
        <td>
          <label for='LAST_YEAR_ID'>Last year no.</label>
          <input name='LAST_YEAR_ENTRY' id='LAST_YEAR_ID'
              type='text' size='4' maxlength='3'/>
        </td>
        <td>
          <input type='checkbox' name='OVERLAP_CB' checked='checked'
            id='OVERLAP_ID/>
          <label for='OVERLAP_ID'>
            Show all historical circles that overlap.
          </label>
        </td>
      </tr>
    </table>
    <div>
      <input type='submit' value='Generate a regional index'/>
      <input type='reset' value='Clear this form'/>
    </div>
    <!--Table of regional radiobuttons-->
    <table cellpadding='8' border='0' rules='none' frame='void'>
      <col align='left'/>
      ...   <!--N_REG_COLS repetitions of above-->
      <tr>
        <td>
          <!-- The input element for region (CHECKED_REGION) will
           !   show checked='checked'.  The id is the region code
           !   with _REG_RADIO_ID appended.
           !-->
          <input name='REG_RADIOS' id='FR_REG_RADIO_ID' type='radio'
              value='FR'/>
          <label for='FR_REG_RADIO_ID'>
            Saint Pierre et Miquelon
          </label>
        </td>
        ...
      </tr>
      ...
    </table>
  </form>