formplus 2 - disable enter

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="697" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 35 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7">  <A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!"><IMG SRC="3ac0e0e0.png" border=0 width="14" height="14" ALT="up" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7"> <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >   </FONT></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <STYLE type=text/css>#rollbutton a { color: #C0DCC0; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; display: block; width: 85px; height: 22px; padding: 0px;}#rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset light gray;}</STYLE><DIV id=rollbutton><DIV><A href="http://www.samisite.com" title="Go Back to Home Page" target="_top" onfocus="this.blur()"><center>HOME</center></A> </DIV></DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" width=140 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <STYLE>  </STYLE> </div> <div> <A HREF="formplus.htm" TARGET="_top" TITLE="formplus"><B>TO FORMSPLUS</B></A></div> <div> <B>(highlight fields)</B></div> <bR> <div> <A HREF="index.htm" TARGET="_top" TITLE="Test Index"><B>Test Index</B></A></div> <div> <A HREF="id25.htm" TARGET="_top" TITLE="Table 1"><B>Table 1</B></A></div> <div> <A HREF="id36.htm" TARGET="_top" TITLE="Table 2"><B>Table 2</B></A></div> <div> <A HREF="id129.htm" TARGET="_top" TITLE="Table 3"><B>Table 3</B></A></div> <div> <A HREF="id99.htm" TARGET="_top" TITLE="Table 4"><B>Table 4</B></A></div> <div> <A HREF="id133.htm" TARGET="_top" TITLE="Table 5"><B>Table 5</B></A></div> <div> <A HREF="resorttable.htm" TARGET="_top" TITLE="Resort Table"><B>Resort Table</B></A></div> <div> <A HREF="id115.htm" TARGET="_top" TITLE="Background Image in Table"><B>Background Image in Table</B></A></div> <div> <A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!"><B>Design a Form!</B></A></div> <div> <A HREF="id28.htm" TARGET="_top" TITLE="Folding Menu Tree"><B>Folding Menu Tree</B></A></div> <div> <A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons"><B>Menu Buttons</B></A></div> <div> <A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map"><B>Hidden Site Map</B></A></div> <div> <A HREF="id137.htm" TARGET="_top" TITLE="Anchors"><B>Anchors</B></A></div> <div> <A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail"><B>Double Border Detail</B></A></div> </td> <td valign="top" height=430 width="100%" BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <B><STYLE>  </STYLE></B></div> <DIV ALIGN="LEFT"></DIV> <div> <B>FORMSPLUS 2</B><FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" > <style> .highlighttext{ background-color:yellow; font-weight:bold; color: #6600CC; } </style> <script language="Javascript">  </script>  </FONT></div> <div> <B>Four special feature codes have been added to this basic CSB/Trellix form that still runs through the Globalscape server.  </B></div> <div> <B>No CGI bin or outside servers are necessary!</B></div> <bR> <div> <B>Put the form in an </B><A HREF="#iframe" TITLE="formplus 2 disable enter"><B>iFrame</B></A><B> or p</B><B>ublish </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>with frames on as in this sample</B></FONT><B>. </B></div> <div> <B>The </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>personalized response</B></FONT><B> appears in the frame where the form is</B></div> <div> <B>allowing your visitor to choose a link from a border!</B></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="8" CELLSPACING="1" WIDTH="592" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 54 WIDTH="568"><div> <B>These special scripts can be downloaded from </B><A HREF="http://dynamicdrive.com/" TARGET="_blank" TITLE="http://dynamicdrive.com/"><B>Dynamic Drive</B></A><B> by clicking the name of the code.  Implementation with a CSB/Trellix form is shown below.  The codes can be used </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>individually</B></FONT><B> or as in the sample below, work well </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>together</B></FONT><B>.</B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 40 WIDTH="568"><div> <FONT SIZE="4" COLOR="#FF6600" FACE="Arial" ><B>A)</B></FONT> <A HREF="http://www.dynamicdrive.com/dynamicindex16/limitinput.htm" TARGET="_blank" TITLE="http://www.dynamicdrive.com/dynamicindex"><B>LIMIT:</B></A> <FONT SIZE="2" COLOR="#330099" FACE="Arial" >input size for a message area has a preset limit.  Stops long messages from being cut off on the email.  Stops typing when limit reached.  Counter below input.</FONT></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 40 WIDTH="568"><div> <FONT SIZE="4" COLOR="#0099FF" FACE="Arial" ><B>B)</B></FONT> <A HREF="http://www.dynamicdrive.com/dynamicindex16/disableenter.htm" TARGET="_blank" TITLE="http://www.dynamicdrive.com/dynamicindex"><B>DISA</B></A><A HREF="http://www.dynamicdrive.com/dynamicindex16/disableenter.htm" TARGET="_blank" TITLE="http://www.dynamicdrive.com/dynamicindex"><B>BLE ENTER</B></A><B>: </B><FONT SIZE="2" COLOR="#330099" FACE="Arial" > to </FONT><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>stop multiple partial forms</B></FONT><FONT SIZE="2" COLOR="#330099" FACE="Arial" > when your visitor presses enter before completing the form</FONT></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 40 WIDTH="568"><div> <FONT SIZE="4" COLOR="#6600CC" FACE="Arial" ><B>C)</B></FONT><B> </B><A HREF="http://www.dynamicdrive.com/dynamicindex16/requiredcheck.htm" TARGET="_blank" TITLE="http://www.dynamicdrive.com/dynamicindex"><B>REQUIRED:</B></A><FONT SIZE="2" COLOR="#330099" FACE="Arial" > Name and Email fields must be completed or form will not be sent! Popup warning tells what field is not filled.  Works on TEXT input only, no dropdowns.</FONT></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 23 ><NOBR><div> <B>D)</B><FONT SIZE="4" COLOR="#330099" FACE="Arial" ><B> REDIRECT TO YOUR OWN  RESPONSE PAGE!</B></FONT><FONT SIZE="2" COLOR="#330099" FACE="Arial" > </FONT></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <B>TRY THE FORM!</B></div> <div> <B>I will forward the response sample to you if you want me to!</B></div> <bR> <div> <B> <script> /* Form field Limiter script- By Dynamic Drive For full source code and more DHTML scripts, visit http://www.dynamicdrive.com This credit MUST stay intact for use */ var ns6=document.getElementById&&!document.all function restrictinput(maxlength,e,placeholder){ if (window.event&&event.srcElement.value.length>=maxlength) return false else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){ var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys if (pressedkey.test(String.fromCharCode(e.which))) e.stopPropagation() } } function countlimit(maxlength,e,placeholder){ var theform=eval(placeholder) var lengthleft=maxlength-theform.value.length var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder) if (window.event||e.target&&e.target==eval(placeholder)){ if (lengthleft<0) theform.value=theform.value.substring(0,maxlength) placeholderobj.innerHTML=lengthleft } } function displaylimit(theform,thelimit){ var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> characters remaining' if (document.all||ns6) document.write(limit_text) if (document.all){ eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)} eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)} } else if (ns6){ document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); } } </script>  </B></div> <div> <B>  <script type="text/javascript"> /*********************************************** * Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ function handleEnter (field, event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { var i; for (i = 0; i < field.form.elements.length; i++) if (field == field.form.elements[i]) break; i = (i + 1) % field.form.elements.length; field.form.elements[i].focus(); return false; } else return true; } </script>  </B></div> <div> <B> <form name="sampleform" form action="http://csbmail.globalscape.com/cgi-bin/csbmail/csbmail.pl" method="POST" enctype="application/x-www-form-urlencoded" onsubmit="return formCheck(this);" > <input type="hidden" name="tlx_SortOrder" value="Name,Company,Address,City,State,Country,Zip,Phone,Fax,Email,Message"><input type="hidden" name="tlx_FormIndex" value="2"> <input type="hidden" name="tlx_OKMessage" value="<META HTTP-EQUIV="Refresh" CONTENT="0;URL=http://www.samisite.com/test-csb/response.htm"> <input type="hidden" name="tlx_SendMode" value="1"><input type="hidden" name="tlx_Subject" value="Sample form from website with req fields and disable enter-send user copy"><input type="hidden" name="tlx_EmailTo" value="samrc2@mindspring.com">  </B></div> <div> <B> <table cellspacing=0 cellpadding=6 border=1 bgcolor="eeeeee"> <tr> <td> <table border=0 cellspacing=0 cellpadding=0 bgcolor="eeeeee"> <tr> <td colspan=2><font size="+1" face="arial"><b>SAMPLE CONTACT FORM</b></font></td> </tr> <tr> <td><br> </tr> <tr> <td colspan=2><font size="-1" face="arial"><b>Please provide some information.</b></font><br></td> </tr> <tr> <td colspan=2><font size="-1" face="arial">Two fields are required: Last Name and Email</font><br></td> </tr> <tr> <td><br> </tr> <tr> <tr> <td><b><font size=-1 face="arial" COLOR="#6800D0"> Name: </font></b></td><td><font size=-1 face="arial"><input type="Text" name="Name" size="20" maxlength="20" onkeypress="return handleEnter(this, event)"></font><font size=-1 face="arial" COLOR="#6800D0">**</font></td> </tr> <tr> <td><b><font size=-1 face="arial">Company name: </font></b></td><td><font size=-1 face="arial"><input type="Text" name="Company" size="40" maxlength="40" onkeypress="return handleEnter(this, event)"></font></td> </tr> <tr> <td><font size=-1 face="arial">Address: </font></td><td><font size=-1 face="arial"><input type="Text" name="Address" size="40" maxlength="40" onkeypress="return handleEnter(this, event)"></font></td> </tr> <tr> <td><font size=-1 face="arial">City: </font></td><td><font size=-1 face="arial"><input type="Text" name="City" size="20" maxlength="20" onkeypress="return handleEnter(this, event)"></font></td> </tr> <tr> <td><font size=-1 face="arial">State: </font></td><td><font size=-1 face="arial"><input type="Text" name="State" size="30" maxlength="30" onkeypress="return handleEnter(this, event)"></font></td> </tr> <tr> <td><font size=-1 face="arial">Country: </font></td><td><font size=-1 face="arial"><input type="Text" name="Country" size="30" maxlength="30" onkeypress="return handleEnter(this, event)"></font></td> </tr> <tr> <td><font size=-1 face="arial"> Zip: </font></td><td><font size=-1 face="arial"><input type="Text" name="Zip" size="5" maxlength="5" onkeypress="return handleEnter(this, event)"></font></td> </tr> <tr> <td><font size=-1 face="arial">Phone number: </td><td><input type="Text" name="Phone" size="12" maxlength="12" onkeypress="return handleEnter(this, event)"></td> </tr> <tr> <td><font size=-1 face="arial">Fax: </font></td><td><font size=-1 face="arial"><input type="Text" name="Fax" size="12" maxlength="12" onkeypress="return handleEnter(this, event)"></font></td> </tr> <tr> <td><font size=-1 face="arial" COLOR="#6800D0"><b>E-MAIL: </b></font> </td><td><input type="Text" name="Email" size="40" maxlength="40" onkeypress="return handleEnter(this, event)"><font size=-1 face="arial" COLOR="#6800D0">**</font></td> </tr> <tr> <td colspan=2><font size="-1" face="arial"><b>Comment: </b></font></td> </tr> <tr> <td colspan=2>  <font size="-1" COLOR="#6800D0" face="arial">(Note: 700 character limited input!) </font></td> </tr> <tr> <td> </tr> <tr> <td colspan=2><textarea name="Message" cols="65" rows="15" wrap="VIRTUAL" onkeypress="return handleEnter(this, event)"></textarea></td> </tr> <tr> <td colspan=2>  <font size="-1" COLOR="#6800D0" face="arial"><script> displaylimit("document.sampleform.Message",700) </script></font></td> </tr> </table> </td> </tr> </table>  </B></div> <div> <B> <script language="JavaScript">  </script>  </B></div> <div> <B> <INPUT TYPE="submit" value="Send" name="tlx_send"> <INPUT TYPE="reset"> </form>  </B></div> <bR> <div> <B>The process:</B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Create a form in CSB (Trellix)</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Publish it to a test page on your site (Don't put it on a sequence line)</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">From your browser, choose VIEW > Source to capture the form HTML code</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Break the code into at least 3 pieces for easier manipulation: </B></div> <div> <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>START THE FORM:</B></I></FONT><B>  </B>begins with: < form       ends with:  your email address></div> <div> <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>FORM FIELDS:</B></I></FONT><I><B> </B></I> the code has table rows <tr> and divisions <td> and <input></div> <div> <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>THE END:</B></I></FONT><B> </B>The buttons to send and reset the form</div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Create a new response page.  </B>Include thank you statement, links, images, colors and styles to match your site.  You can even place pay pal or other functional buttons on this page.   <FONT SIZE="2" COLOR="#000000" FACE="Arial" ><A HREF="response.htm" TARGET="_top" TITLE="response">This is what mine looks like</A></FONT></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Choose the special Features you would like to add to your form.  </B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >You do not have to include all four as shown, but they do work well together.</FONT></div> <div> <B>Insert the webgems</B> (the full sample has 6 webgems) in the order noted below if all are chosen. If you do not use one, then skip that particular webgem and the additional code that is needed in the <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>START THE FORM</B></I></FONT> or <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>FORM FIELDS</B></I></FONT> webgems</div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="588" BORDERCOLORLIGHT="#9999FF" BORDERCOLORDARK="#9999FF" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 102 WIDTH="576"><div> <B>When I refer to webgem (Trellix), it also means Insert > HTML in CSB.</B></div> <bR> <div> <B>To capture the codes below, press </B><FONT SIZE="4" COLOR="#000000" FACE="Arial" ><B>Select All</B></FONT><FONT SIZE="4" COLOR="#6600FF" FACE="Arial" ><B> </B></FONT><B>link, then COPY the contents.</B></div> <div> <B>I have made notes in code below to highlight etc and it might effect functionality!  Use the Select All choice above each code!</B></div> </tD> </tR> </TABLE></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Tweak the codes to fit your site  (all are bolded for faster reference below)</B></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Field list</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Colors</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Email address</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Field names</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Response page code and message</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Email subject </div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">PUBLISH.</B>..try it and tweak if necessary.</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Once the form is the way you want it, you can move the page onto a sequence line.</div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="606" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 1167 WIDTH="594"><div> <B>webgem #1: </B></div> <div> <B>A) LIMITED field (comment/message):</B></div> <div> <B>Besides adding the code below in it's own webgem,</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">must add  to the FORM statement in the </B><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>START THE FORM</B></I></FONT><B> webgem:</B></div> <div> <B>form name="sampleform"</B><FONT SIZE="3" COLOR="#33CC00" FACE="Arial" >  </FONT><FONT SIZE="3" COLOR="#000000" FACE="Arial" >   (you can name it anything you want)</FONT></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">must add  to the FORM FIELDS statement in the </B><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>FORM FIELDS</B></I></FONT><B> webgem:</B></div> <div> before the message field to inform, add a row (<B>bolded</B>) and include this statement:</div> <div> <B>(Note: 700 character limited input!)</B></div> <div> after the message field, add a row (<B>bolded</B>) and include this code:</div> <div> <B><script> displaylimit("document.sampleform.Message",700) </script></B></div> <div> (the name in this code <B>must match</B> the form name in the <I>START THE FORM</I>  webgem!)</div> <bR> <div> <B> <form name="code1"> <a class="highlighttext" href="javascript:HighlightAll('code1.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=70 > <script> /* Form field Limiter script- By Dynamic Drive For full source code and more DHTML scripts, visit http://www.dynamicdrive.com This credit MUST stay intact for use */ var ns6=document.getElementById&&!document.all function restrictinput(maxlength,e,placeholder){ if (window.event&&event.srcElement.value.length>=maxlength) return false else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){ var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys if (pressedkey.test(String.fromCharCode(e.which))) e.stopPropagation() } } function countlimit(maxlength,e,placeholder){ var theform=eval(placeholder) var lengthleft=maxlength-theform.value.length var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder) if (window.event||e.target&&e.target==eval(placeholder)){ if (lengthleft<0) theform.value=theform.value.substring(0,maxlength) placeholderobj.innerHTML=lengthleft } } function displaylimit(theform,thelimit){ var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> characters remaining' if (document.all||ns6) document.write(limit_text) if (document.all){ eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)} eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)} } else if (ns6){ document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); } } </script> </textarea> </form>  </B></div> <div> <script></div> <bR> <div> /*</div> <div> Form field Limiter script- By Dynamic Drive</div> <div> For full source code and more DHTML scripts, visit http://www.dynamicdrive.com</div> <div> This credit MUST stay intact for use</div> <div> */</div> <bR> <div> var ns6=document.getElementById&&!document.all</div> <bR> <div> function restrictinput(maxlength,e,placeholder){</div> <div> if (window.event&&event.srcElement.value.length>=maxlength)</div> <div> return false</div> <div> else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){</div> <div> var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys</div> <div> if (pressedkey.test(String.fromCharCode(e.which)))</div> <div> e.stopPropagation()</div> <div> }</div> <div> }</div> <bR> <div> function countlimit(maxlength,e,placeholder){</div> <div> var theform=eval(placeholder)</div> <div> var lengthleft=maxlength-theform.value.length</div> <div> var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)</div> <div> if (window.event||e.target&&e.target==eval(placeholder)){</div> <div> if (lengthleft<0)</div> <div> theform.value=theform.value.substring(0,maxlength)</div> <div> placeholderobj.innerHTML=lengthleft</div> <div> }</div> <div> }</div> <bR> <bR> <div> function displaylimit(theform,thelimit){</div> <div> var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> characters remaining'</div> <div> if (document.all||ns6)</div> <div> document.write(limit_text)</div> <div> if (document.all){</div> <div> eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}</div> <div> eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}</div> <div> }</div> <div> else if (ns6){</div> <div> document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); </div> <div> document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); </div> <div> }</div> <div> }</div> <bR> <div> </script></div> </tD> </tR> </TABLE></B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="606" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 636 ><NOBR><div> <B>webgem #2:</B><FONT SIZE="4" COLOR="#6600FF" FACE="Arial" ><B>  </B></FONT></div> <div> <B>B) DISABLE ENTER KEY:</B></div> <div> <B>Stops the form from being submitted by pressing the enter key!</B></div> <div> <B>Besides adding the code below in it's own webgem,</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">must add  to the FORM statement in the </B><FONT SIZE="2" COLOR="#6600CC" FACE="Arial" ><I><B>FORM FIELDS</B></I></FONT><B> webgem:</B></div> <div> <B>onkeypress="return handleEnter(this, event)" </B><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>to each field description </B></FONT></div> <bR> <div> <B> <form name="code2"> <a class="highlighttext" href="javascript:HighlightAll('code2.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=70 >  <script type="text/javascript"> /*********************************************** * Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ function handleEnter (field, event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { var i; for (i = 0; i < field.form.elements.length; i++) if (field == field.form.elements[i]) break; i = (i + 1) % field.form.elements.length; field.form.elements[i].focus(); return false; } else return true; } </script> </textarea> </form>  </B></div> <div> </div> <div> <script type="text/javascript"></div> <bR> <div> /***********************************************</div> <div> * Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com)</div> <div> * This notice must stay intact for use</div> <div> * Visit http://www.dynamicdrive.com/ for full source code</div> <div> ***********************************************/</div> <div>                 </div> <div> function handleEnter (field, event) {</div> <div>          var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;</div> <div>         if (keyCode == 13) {</div> <div>             var i;</div> <div>             for (i = 0; i < field.form.elements.length; i++)</div> <div>                 if (field == field.form.elements[i])</div> <div>                     break;</div> <div>             i = (i + 1) % field.form.elements.length;</div> <div>             field.form.elements[i].focus();</div> <div>             return false;</div> <div>         } </div> <div>         else</div> <div>         return true;</div> <div>     }      </div> <bR> <div> </script></div> </NOBR></tD> </tR> </TABLE></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="606" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 608 WIDTH="594"><div> <B>webgem #3:</B><FONT SIZE="4" COLOR="#6600FF" FACE="Arial" ><B>   </B></FONT><FONT SIZE="4" COLOR="#6600CC" FACE="Arial" ><I><B>START THE FORM</B></I></FONT><FONT SIZE="4" COLOR="#6600CC" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#6600CC" FACE="Arial" ><B>(= step 1 on basic 1-2-3 method)</B></FONT></div> <div> <B>Modified code notes:  </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Note the highlighted areas refer to code </B><FONT SIZE="2" COLOR="#6600CC" FACE="Arial" ><B>changes </B></FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>or </B></FONT><FONT SIZE="2" COLOR="#FF6600" FACE="Arial" ><B>additions:</B></FONT></div> <div> <IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The email address has been adjusted to show the HTML equivalent for the @ symbol.</div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Bolded items</B> need to be adjusted to fit your form</div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Verify the field list!  </B></div> <div> <IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">make sure the name of the field in the field list is EXACTLY the same as in the <I>FORM FIELDS </I>webgem  (Example: Name is not name. Caps must match and field names can't have spaces)</div> <div> <IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">if using the REQUIRED webgem, make sure the fields match here too!</div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Form response page:</B> </div> <div> <B>This is the standard CSB and Trellix response:</B></div> <div> <input type="hidden" name="tlx_OKMessage" value="Your form has been submitted!"></div> <div> <B>For a personalized response page, replace that line of code with this (change address of page to yours):</B></div> <div> <B><input type="hidden" name="tlx_OKMessage" value="&lt;META HTTP-EQUIV=&#34;Refresh&#34; CONTENT=&#34;0;URL=http://www.samisite.com/test-csb/response.htm&#34;></B></div> <bR> <div> <B> <form name="code3"> <a class="highlighttext" href="javascript:HighlightAll('code3.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=70 > <form name="sampleform" form action="http://csbmail.globalscape.com/cgi-bin/csbmail/csbmail.pl" method="POST" enctype="application/x-www-form-urlencoded" onsubmit="return formCheck(this);" onKeyUp="highlight(event)" onClick="highlight(event)"> <input type="hidden" name="tlx_SortOrder" value="Name,Company,Address,City,State,Country,Zip,Phone,Fax,Email,Message"><input type="hidden" name="tlx_FormIndex" value="2"> <input type="hidden" name="tlx_OKMessage" value="<META HTTP-EQUIV="Refresh" CONTENT="0;URL=http://www.samisite.com/test-csb/response.htm"> <input type="hidden" name="tlx_SendMode" value="1"><input type="hidden" name="tlx_Subject" value="Sample form from website with req fields-send user copy"><input type="hidden" name="tlx_EmailTo" value="user@domain.com"> </textarea> </form>  </B></div> <div> <<FONT SIZE="2" COLOR="#FF6600" FACE="Arial" ><B>form name="sampleform"</B></FONT><FONT SIZE="2" COLOR="#33CC00" FACE="Arial" > </FONT>form action="http://csbmail.globalscape.com/cgi-bin/csbmail/csbmail.pl" method="POST" enctype="application/x-www-form-urlencoded" <FONT SIZE="2" COLOR="#6600CC" FACE="Arial" ><B>onsubmit="return formCheck(this);"</B></FONT>></div> <div> <input type="hidden" name="tlx_SortOrder" value="<B>Name,Company,Address,City,State,Country,Zip,Phone,Fax,Email,Timetocall,Message</B>"> <input type="hidden" name="tlx_FormIndex" value="2"></div> <div> <B><input type="hidden" name="tlx_OKMessage" value="&lt;META HTTP-EQUIV=&#34;Refresh&#34; CONTENT=&#34;0;URL=http://www.samisite.com/test-csb/response.htm&#34;></B></div> <div> <input type="hidden" name="tlx_SendMode" value="1"></div> <div> <input type="hidden" name="tlx_Subject" value="<B>Comment form from website</B>"></div> <div> <input type="hidden" name="tlx_EmailTo" value="<B>user&#64;domain.com</B>"></div> <bR> <div> <B>Note: &#64; replaces the @ symbol in the email address to help hide address from spammers </B></div> </tD> </tR> </TABLE></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="606" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 2056 WIDTH="594"><div> <B>webgem #4:</B><FONT SIZE="4" COLOR="#6600FF" FACE="Arial" ><B>   </B></FONT><FONT SIZE="4" COLOR="#6600CC" FACE="Arial" ><I><B>FORM FIELDS</B></I></FONT><B> </B></div> <div> <B>Modified code notes:  </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Note the highlighted areas refer to code </B><FONT SIZE="2" COLOR="#6600CC" FACE="Arial" ><B>changes </B></FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>or </B></FONT><FONT SIZE="2" COLOR="#FF6600" FACE="Arial" ><B>additions:</B></FONT></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Bolded items</B> need to be adjusted to fit your form</div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Add </B><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>blue</B></FONT><B> items to disable the enter key for that field</B></div> <div> <A HREF="#formfields" TITLE="formplus 2 disable enter"><B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">bolded codes can also be put into individual webgems like step 3 on 1-2-3 method!</B></A></div> <bR> <bR> <bR> <div> USE THE CODE THAT YOU CREATED WITH CSB FORM.   Use this code as reference:</div> <bR> <bR> <div> <table cellspacing=0 cellpadding=6 border=1 bgcolor="eeeeee"></div> <div> <tr></div> <bR> <div> <td></div> <div> <table border=0 cellspacing=0 cellpadding=0 bgcolor="eeeeee"></div> <div>      <tr></div> <div>          <td colspan=2><font size="+1" face="arial"><b>SAMPLE CONTACT FORM</b></font></td></div> <div>     </tr>    </div> <div>     <tr></div> <div>         <td><br></div> <div>     </tr>    </div> <div>     <tr></div> <div>         <td colspan=2><font size="-1" face="arial"><b>Please provide some information.</b></font><br></td></div> <div>     </tr>    </div> <div>     <tr></div> <div>         <td colspan=2><font size="-1" face="arial">Two fields are required: Last Name and Email</font><br></td></div> <div>     </tr>    </div> <div>                     </div> <div>     <tr></div> <div>         <td><br></div> <div>     </tr>    </div> <div>     <tr></div> <div>         </div> <div>     <tr></div> <div>         <td><b><font size=-1 face="arial" COLOR="#6800D0"> Name: </font></b></td><td><font size=-1 face="arial"><B><input type="Text" name="Name" size="20" maxlength="20" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font><font size=-1 face="arial" COLOR="#6800D0" >**</font></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td><b><font size=-1 face="arial">Company name: </font></b></td><td><font size=-1 face="arial"><B><input type="Text" name="Company" size="40" maxlength="40" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td><font size=-1 face="arial">Address: </font></td><td><font size=-1 face="arial"><B><input type="Text" name="Address" size="40" maxlength="40" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td><font size=-1 face="arial">City: </font></td><td><font size=-1 face="arial"><B><input type="Text" name="City" size="20" maxlength="20" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td><font size=-1 face="arial">State: </font></td><td><font size=-1 face="arial"><B><input type="Text" name="State" size="30" maxlength="30" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font></td></div> <div>     </tr>    </div> <div>     <tr></div> <div>         <td><font size=-1 face="arial">Country: </font></td><td><font size=-1 face="arial"><B><input type="Text" name="Country" size="30" maxlength="30" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font></td></div> <div>     </tr>    </div> <div>     <tr>            </div> <div>         <td><font size=-1 face="arial"> Zip: </font></td><td><font size=-1 face="arial"><B><input type="Text" name="Zip" size="5" maxlength="5" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td><font size=-1 face="arial">Phone number: </td><td><B><input type="Text" name="Phone" size="12" maxlength="12" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td><font size=-1 face="arial">Fax: </font></td><td><font size=-1 face="arial"><B><input type="Text" name="Fax" size="12" maxlength="12" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B></font></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td><font size=-1 face="arial" COLOR="#6800D0"><b>E-MAIL: </b></font> </td><td><B><input type="Text" name="Email" size="40" maxlength="40" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></B><font size=-1 face="arial" COLOR="#6800D0">**</font></td></div> <div>     </tr></div> <div>     <tr></div> <div>         <td colspan=2><font size="-1" face="arial"><b>Comment: </b></font></td></div> <div>     </tr></div> <div> <B>    <tr></B></div> <div> <B>        <td colspan=2>&nbsp;&nbsp;<font size="-1"  COLOR="#6800D0" face="arial"></B><FONT SIZE="2" COLOR="#FF6600" FACE="Arial" ><B>(Note: 700 character limited input!) </B></FONT><B></font></td></B></div> <div> <B>                </tr></B></div> <div>     <tr></div> <div>         <td></div> <div>     </tr>    </div> <div>     <tr></div> <div>         <td colspan=2><B><textarea name="Message" cols="65" rows="15" wrap="VIRTUAL" </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#0099FF" FACE="Arial" ><B>onkeypress="return handleEnter(this, event)"</B></FONT><B>></textarea></B></td></div> <div>     </tr></div> <div>                 <FONT SIZE="2" COLOR="#660000" FACE="Arial" ><B><tr></B></FONT></div> <div> <B>                     <td colspan=2>&nbsp;&nbsp;<font size="-1"  COLOR="#6800D0" face="arial"></B><FONT SIZE="2" COLOR="#FF6600" FACE="Arial" ><B><script> displaylimit("document.sampleform.Message",700) </script></B></FONT><B></font></td></B></div> <div> <FONT SIZE="2" COLOR="#660000" FACE="Arial" ><B>                </tr></B></FONT><B>   </B>      </div> <div>     </div> <div> </table></div> <bR> <div> </td></div> <div> </tr></div> <div> </table></div> </tD> </tR> </TABLE></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="606" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 1353 ><NOBR><div> <B>webgem #5:  </B></div> <div> <B>C) REQUIRED fields:     </B></div> <div> <B>Besides adding the code below in it's own webgem,</B></div> <div> <B>add  to the FORM statement in the </B><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>START THE FORM</B></I></FONT><B> webgem:</B></div> <div> <B>onsubmit="return formCheck(this);"</B></div> <bR> <div> <B> <form name="code5"> <a class="highlighttext" href="javascript:HighlightAll('code5.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=70 > <script language="JavaScript">  </script> </textarea> </form>  </B></div> <div> <script language="JavaScript"></div> <div> </div> <div> </script></div> </NOBR></tD> </tR> </TABLE></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="606" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 108 ><NOBR><div> <B>webgem #6:</B><FONT SIZE="4" COLOR="#6600FF" FACE="Arial" ><B> </B></FONT><FONT SIZE="4" COLOR="#6600CC" FACE="Arial" ><I><B>END THE FORM</B></I></FONT><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>  BUTTONS </B></FONT><FONT SIZE="2" COLOR="#6600CC" FACE="Arial" ><B>(= step 2 on basic 1-2-3 method)</B></FONT></div> <div> <B> <form name="code6"> <a class="highlighttext" href="javascript:HighlightAll('code6.select1')">Select All</a><br> <textarea name="select1" rows=4 cols=70 > <INPUT TYPE="submit" value="Send" name="tlx_send"> <INPUT TYPE="reset"> </form> </textarea> </form>  </B></div> <div> <INPUT TYPE="submit" value="Send" name="tlx_send">   </div> <div> <INPUT TYPE="reset"></div> <div> </form></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div>  <A NAME="iframe"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="622" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 310 WIDTH="610"><div> <A HREF="http://www.samisite.com/contact.htm" TARGET="_top" TITLE="http://www.samisite.com/contact.htm"><B>see another way to insert a form into your site</B></A></div> <div> <B>My personal contact form is seen through an iFrame      </B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">An iFrame (a window cut into your web page) is great to limit the size of the form and response page!</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Your form will blend on the page and better yet, the personal response will show up inside the iFrame on the contact page letting your visitors still have access to your links! </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make your "contact" page the same color, place your links to other pages, fax, phone, etc as necessary. Also include an iFrame with no border pointing to your plain form page.   (</B><A HREF="http://www.samisite.com/contact.htm" TARGET="_blank" TITLE="http://www.samisite.com/contact.htm"><B>see my contact page</B></A><B>)</B></div> <div> <B>My iframe code</B><FONT SIZE="1" COLOR="#330099" FACE="Verdana" ><B> on the contact page, which cuts a window in the page  (and shows the form page)</B></FONT></div> <div> <B><iframe name="FRAME1" src="id68.htm" width="345" height="438" frameborder="0" scrolling="no" ></B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make a page that is totally plain, except for the form. </B><FONT SIZE="1" COLOR="#000080" FACE="Verdana" >(mine: http://www.samisite.com/id68.htm)</FONT></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make a page that will be used as your response.  </B><FONT SIZE="1" COLOR="#000080" FACE="Verdana" >(mine: http://www.samisite.com/thanks.htm)</FONT></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <A HREF="http://www.samisite.com/test-csb2nf/id43.htm" TARGET="_top" TITLE="http://www.samisite.com/test-csb2nf/id43"><B>Read more about iFrames here.</B></A></div> </tD> </tR> </TABLE></div> <bR> <div> <B> <A NAME="formfields"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="563" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 303 WIDTH="551"><div> <B>Use the form fields section of the code as is like this sample above.  </B></div> <div> <B>Or if you want to place your codes into a customized table to match your website (like 1-2-3 method shown on the </B><A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!"><B>Design a Form with Tables</B></A><B>):</B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Grab the form field codes out of the Form Fields area of CSB created code.</B> </div> <div> Place each <input> code into its own webgem (Insert > HTML) in a table between the starting and ending codes as shown. </div> <div> <I>Example - this table row came from the CSB form above. The part you want to use in a separate webgem for a Address field is shown in red bold lettering:</I> </div> <div> <tr> <td><font size=-1 face="arial">Address: </font></td><td><font size=-1 face="arial"><FONT SIZE="3" COLOR="#FF0000" FACE="Arial" ><B><input type="Text" name="Address" size="40" maxlength="40"></B></FONT></font></td> </tr> </div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Want to add dropdown fields?</B>  More sample input codes are <A HREF="id37_inputfields.htm" TARGET="_top" TITLE="Design a Form!">here</A>.</div> </tD> </tR> </TABLE></div> <bR> <bR> </td> </tr></table></body>