<!-- 
document.writeln('<table border="0" cellpadding="2" bgcolor="#FFFFFF">');
document.writeln('  <tr>');
document.writeln('    <td><img border="0" align="Left" src="http://www.web-source.net/graphics/wbontrager.jpg"');
document.writeln('	  height=105 width=80 /><font face="Arial" size="+1"><b>Form Submissions Without');
document.writeln('      Submit Buttons</b></font><br />');
document.writeln('      <br />');
document.writeln('      <font face="Verdana,Helvetica" size="2">By');
document.writeln('      <a href="http://www.web-source.net/cgi-bin/web/jump.cgi?ID=762" target="blank">William');
document.writeln('      Bontrager</a><br />');
document.writeln('      <br />');
document.writeln('      When you want a form that can be submitted without requiring the rather prominent');
document.writeln('      submit button, this article shows you how, with several methods:</font><br />');
document.writeln('      <ol>');
document.writeln('	<li>');
document.writeln('	  Submitting a form with a regular link.');
document.writeln('	</li><li>');
document.writeln('	  Submitting a form when a checkbox is checked.');
document.writeln('	</li><li>');
document.writeln('	  Automatically submitting a form.');
document.writeln('      </li></ol>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">This article contains step-by-step');
document.writeln('      instructions with code examples. I think you\'ll find it easy to follow.<br />');
document.writeln('      <br />');
document.writeln('      The article assumes you already have a working form that is submitted to');
document.writeln('      a CGI program in the conventional manner, with a submit button. When you');
document.writeln('      see "/cgi-bin/script.cgi" in the examples, substitute the URL of your CGI');
document.writeln('      program.<br />');
document.writeln('      <br />');
document.writeln('      If you don\'t already have form and CGI program, consider Master Feedback');
document.writeln('      from');
document.writeln('      <a href="http://willmaster.com/master/feedback/?wsnet" target="_blank">http://willmaster.com/master/feedback/</a>');
document.writeln('      to have the submitted information sent to you via email, or Master Form V3');
document.writeln('      from');
document.writeln('      <a href="http://willmaster.com/master/formV3/?wsnet" target="_blank">http://willmaster.com/master/formV3/</a>');
document.writeln('      for a program that can also store form information in a database on your');
document.writeln('      server.<br />');
document.writeln('      <br />');
document.writeln('      <b>Submitting a Form With a Regular Link</b><br />');
document.writeln('      <br />');
document.writeln('      With this method, you can cause a form to be submitted when the user clicks');
document.writeln('      on a regular link, which can be a text link or an image link.<br />');
document.writeln('      <br />');
document.writeln('      This requires two steps.<br />');
document.writeln('      <br />');
document.writeln('      First step, the form &#151;<br />');
document.writeln('      <br />');
document.writeln('      Give your form a name. This is done in the FORM tag itself:</font><br />');
document.writeln('      </p><pre>&lt;form');
document.writeln('   name="MyForm"');
document.writeln('   method="POST"');
document.writeln('   action="/cgi-bin/script.cgi"&gt;');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">Second step, the JavaScript &#151;<br />');
document.writeln('      <br />');
document.writeln('      Create a link containing the submit command:</font><br />');
document.writeln('      </p><pre>&lt;a href="javascript:document.MyForm.submit();"&gt;');
document.writeln('Click to submit the form');
document.writeln('&lt;/a&gt;');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">Optional third step &#151;<br />');
document.writeln('      <br />');
document.writeln('      You can remove the submit button or, to be kind to the few non-JavaScript');
document.writeln('      browsers that visit your site, put it between NOSCRIPT tags:</font><br />');
document.writeln('      </p><pre>&lt;noscript&gt;');
document.writeln('&lt;input type="submit" name="Click here"&gt;');
document.writeln('&lt;/noscript&gt;');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">The above will display the submit');
document.writeln('      button only when non-JavaScript browsers visit the page.<br />');
document.writeln('      <br />');
document.writeln('      <b>Submitting a Form When a Checkbox is Checked</b><br />');
document.writeln('      <br />');
document.writeln('      We\'ll use a checkbox to demonstrate how to cause a form to be submitted when');
document.writeln('      the user does something with a form field. When the checkbox is checked,');
document.writeln('      the form submits.<br />');
document.writeln('      <br />');
document.writeln('      (Actually, the submission occurs when the checkbox is clicked, which would');
document.writeln('      be a check if it was previously unchecked or would be an uncheck if it was');
document.writeln('      checked.)<br />');
document.writeln('      <br />');
document.writeln('      This requires two steps.<br />');
document.writeln('      <br />');
document.writeln('      First step, the form &#151;<br />');
document.writeln('      <br />');
document.writeln('      Give your form a name and add the checkbox. The checkbox would probably have');
document.writeln('      instructive text. Example:</font>');
document.writeln('      </p><pre>&lt;form');
document.writeln('   name="MyForm"');
document.writeln('   method="POST"');
document.writeln('   action="/cgi-bin/script.cgi"&gt;');
document.writeln('&lt;input');
document.writeln('   type="checkbox"');
document.writeln('   name="MyCheck"');
document.writeln('   onClick="DoSubmission();"&gt;');
document.writeln('   Check when done with form');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">Second step, the JavaScript');
document.writeln('      &#151;</font>');
document.writeln('      </p><pre>&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--');
document.writeln('function DoSubmission() {');
document.writeln('document.MyForm.submit();');
document.writeln('}');
document.writeln('//--&gt;&lt;/script&gt;');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">Put the JavaScript anywhere on your');
document.writeln('      page, in the HEAD or BODY area, above or below the form.<br />');
document.writeln('      <br />');
document.writeln('      Optional third step &#151;<br />');
document.writeln('      <br />');
document.writeln('      As in the "Submitting a Form With a Regular Link" section, above, you can');
document.writeln('      remove the submit button or keep it between NOSCRIPT tags for non-JavaScript');
document.writeln('      browsers.<br />');
document.writeln('      <br />');
document.writeln('      <b>Automatically Submitting a Form</b><br />');
document.writeln('      <br />');
document.writeln('      If you only want to log CGI environment variables, and/or set a cookie, a');
document.writeln('      form submission without actually sending information to the CGI program could');
document.writeln('      be appropriate. Otherwise, the form should have information to submit before');
document.writeln('      it is submitted, whether automatically or by manual click. <br />');
document.writeln('      <br />');
document.writeln('      In other words, we\'ll have to figure out a way to get information into the');
document.writeln('      form before it\'s automatically submitted.<br />');
document.writeln('      <br />');
document.writeln('      Information that\'s available to put into the form are things like the current');
document.writeln('      web page URL and the time zone information from your visitor\'s computer.');
document.writeln('      The latter is a way to determine which geographical time zones your visitors');
document.writeln('      are at &#151; except those who have incorrect clocks and/or time zone information');
document.writeln('      specified for their computers.<br />');
document.writeln('      <br />');
document.writeln('      This requires two steps.<br />');
document.writeln('      <br />');
document.writeln('      First step &#151;<br />');
document.writeln('      <br />');
document.writeln('      Put a form with a name into your web page. There must be one hidden field');
document.writeln('      for each item of information you want to automatically fill with information');
document.writeln('      and submit, current URL and time zone offset are in our example:</font>');
document.writeln('      </p><pre>&lt;form');
document.writeln('   name="MyForm"');
document.writeln('   method="POST"');
document.writeln('   action="/cgi-bin/script.cgi"&gt;');
document.writeln('&lt;input');
document.writeln('   type="hidden"');
document.writeln('   name="ThisPageURL"');
document.writeln('   value=""&gt;');
document.writeln('&lt;input');
document.writeln('   type="hidden"');
document.writeln('   name="TimeZoneOffset"');
document.writeln('   value=""&gt;');
document.writeln('&lt;/form&gt;');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">You\'ll need to add a hidden field');
document.writeln('      to let your CGI program know the URL of the "thank you" page it should use.<br />');
document.writeln('      <br />');
document.writeln('      Put the form anywhere in the BODY tag. It won\'t be visible, but it will cause');
document.writeln('      the browser to print a blank line.<br />');
document.writeln('      <br />');
document.writeln('      Second step, the JavaScript &#151;<br />');
document.writeln('      <br />');
document.writeln('      Somewhere below the form, put the following JavaScript code:</font>');
document.writeln('      </p><pre>&lt;script type="text/javascript" language="JavaScript"&gt;&lt;!--');
document.writeln('document.MyForm.ThisPageURL.value = document.URL;');
document.writeln('var x = new Date();');
document.writeln('document.MyForm.TimeZoneOffset.value = x.getTimezoneOffset();');
document.writeln('document.MyForm.submit();');
document.writeln('//--&gt;&lt;/script&gt;');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">When the page is loaded, the JavaScript');
document.writeln('      will automatically fill in the form with the web page\'s URL and the time');
document.writeln('      zone offset information from your visitor\'s computer, and then automatically');
document.writeln('      submit the form. After processing the form information, the CGI program presents');
document.writeln('      a "thank you" page.<br />');
document.writeln('      <br />');
document.writeln('      The time zone offset is the number of minutes plus (West) or minus (East)');
document.writeln('      of Greenwich Mean Time.<br />');
document.writeln('      <br />');
document.writeln('      Optional third step &#151;<br />');
document.writeln('      <br />');
document.writeln('      Because the automatic submission of the form will load a different page (don\'t');
document.writeln('      have the "thank you" page be the same page, re-loaded, or it will submit');
document.writeln('      the form each time the page loads, in an infinite loop), you may want to');
document.writeln('      put your automatic form submission page into an IFRAME tag. The "thank you"');
document.writeln('      page can then be an image or other content that you want to display on the');
document.writeln('      page.<br />');
document.writeln('      <br />');
document.writeln('      To make an IFRAME tag, put this into a web page (a web page different than');
document.writeln('      the web page with the automatically submitted form):</font>');
document.writeln('      </p><pre>&lt;iframe');
document.writeln('   height="300"');
document.writeln('   width="200"');
document.writeln('   src="WebPageContainingAutomaticForm.html"&gt;');
document.writeln('&lt;/iframe&gt;');
document.writeln('</pre>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">Adjust the URL so the web page containing');
document.writeln('      the automatically submitted form loads into the IFRAME tag. And adjust the');
document.writeln('      height and width to accommodate the "thank you" page.<br />');
document.writeln('      <br />');
document.writeln('      The web page with the automatically submitted form will load into the IFRAME');
document.writeln('      and, after automatic submission, load the "thank you" page.<br />');
document.writeln('      <br />');
document.writeln('      (Netscape versions 4.# and earlier don\'t recognize the IFRAME tag. It\'s ignored,');
document.writeln('      as if it wasn\'t there &#151; no extra space, no content, nothing.)<br />');
document.writeln('      <br />');
document.writeln('      <b>Notes</b><br />');
document.writeln('      <br />');
document.writeln('      If you decide to test several of the above examples on the same web page,');
document.writeln('      give the forms different names. Otherwise, the browser is likely to become');
document.writeln('      confused about which information belongs to which form.<br />');
document.writeln('      <br />');
document.writeln('      Have fun with the examples. Once you\'re familiar with how they work, you');
document.writeln('      can decide whether or not they can be adapted to your unique requirements.<br />');
document.writeln('      <br />');
document.writeln('      <b>Will Bontrager</b><br />');
document.writeln('      <br />');
document.writeln('      Copyright &copy; Bontrager Connection, LLC <br />');
document.writeln('      <br />');
document.writeln('      <b>About the Author:</b></font><br />');
document.writeln('      <br />');
document.writeln('      </p><table border="0" cellspacing="0" cellpadding="0" width="100%">');
document.writeln('	<tr>');
document.writeln('          <td bgcolor="#EAE8E8"><font face="Verdana,Helvetica" size="2">William Bontrager');
document.writeln('            Programmer/Publisher,');
document.writeln('            "<a href="http://willmaster.com/possibilities/?wsnet" target="blank">WillMaster');
document.writeln('              Possibilities</a>" ezine <a href="mailto:possibilities@willmaster.com">mailto:possibilities@willmaster.com</a><br />');
document.writeln('              <br />');
document.writeln('            Are you looking for top quality scripts? Visit <a href="http://www.web-source.net/cgi-bin/t.cgi?l=wm" target="blank">Willmaster</a> and check out his highly acclaimed Master Series scripts. Some free, some');
document.writeln('            for a fee. </font></td>');
document.writeln('        </tr>');
document.writeln('      </table>');
document.writeln('      <center>');
document.writeln('        <table border="0" cellspacing="6" cellpadding="2" align="Center">');
document.writeln('          <tr>');
document.writeln('            <td><p align=Center> <br />');
document.writeln('                    <font face="Verdana,Helvetica" size="2">Sponsor');
document.writeln('                      Message:</font><br />');
document.writeln('                    <a href="http://www.webdesignmastery.com" target="blank"><img src="http://www.web-source.net/graphics/wdm_ad2.gif"');
document.writeln('		  border="0" width="300" height="106" /></a><br />');
document.writeln('                    <font face="Verdana,Helvetica" size="2"><a href="http://www.webdesignmastery.com"');
document.writeln('		  target="blank">Visit the Web Design Mastery site to<br />');
document.writeln('                      download your free chapters (77');
document.writeln('                      pages)!</a></font><br />');
document.writeln('                    <br />');
document.writeln('                    <font face="Verdana,Helvetica" size="2"><b><a href="http://www.web-source.net/?syndicator"');
document.writeln('		  target="blank">Content Provided By</a></b></font><b>:</b><br />');
document.writeln('                <a href="http://www.web-source.net/?syndicator" target="blank"><img src="http://www.web-source.net/graphics/ws_syn.gif"');
document.writeln('		  border="0" width="153" height="72" /></a></p></td>');
document.writeln('          </tr>');
document.writeln('        </table>');
document.writeln('      </center>');
document.writeln('     </td>');
document.writeln('  </tr>');
document.writeln('</table>');
// -->

