Ahh help! OK I'm trying to use a email based form with a javascript pop-up on submittion saying this is what you sent us. My problems:
1) the Pop-up shows mostly "undefined" for several of the items but not all of them.???
2) I get the email portion to work with IE but not with AOL/netscape, is there a way to do this???
3) Finally, does anyone know of a way to make the cursor jump to the next box when the max input is reach, such as with a phone number using three boxes???
Here is the Code thank you for any possible help/guidance:
<TABLE BORDER="0" WIDTH="550" align="center"><TD>
<SCRIPT LANGUAGE="javascript">
function verify()
{
var OpenWindow=window.open("", "newwin", "height=300,width=300");
OpenWindow.document.write("<HTML>")
OpenWindow.document.write("<head>")
OpenWindow.document.write("<link type='text/css' rel='stylesheet' href='http://www.webdeveloper.com/forum/archive/index.php/style.css'>")
OpenWindow.document.write("<TITLE>Request Submited</TITLE>")
OpenWindow.document.write("</head>")
OpenWindow.document.write("<body>")
OpenWindow.document.write("<CENTER>")
OpenWindow.document.write("Thank you <B>" + document.fax.company_name.value + "</B>,<B>" +document.fax.contact.value+ "</B><br>")
OpenWindow.document.write("The following information was Transmitted:<br>")
OpenWindow.document.write("" +document.fax.fax.vaue+ "   " +document.fax.fax2.vaue+ "   " +document.fax.fax3.vaue+ "<br>")
OpenWindow.document.write("" +document.fax.name.value+ " / " +document.fax.email.value+ "<br>")
OpenWindow.document.write("Thank You and Have a GREAT DAY.<br>")
OpenWindow.document.write("<FORM><INPUT TYPE='button' VALUE='http://www.webdeveloper.com/forum/archive/index.php/Close Window' onClick='self.close()'></FORM>")
OpenWindow.document.write("</CENTER>")
OpenWindow.document.write("</body>")
OpenWindow.document.write("</HTML>")
}
</SCRIPT>
<FORM METHOD='post' ACTION='mailto:[email protected]?Subject=Add to FAX list' ENCTYPE='text/plain' NAME='fax'>
<th><FIELDSET STYLE="border-width:medium"><LEGEND><b>Fax Request</b></LEGEND>
Company:<INPUT TYPE="text" NAME="company_name" TABINDEX="1" SIZE="25" style="background:#F9FAD0" STYLE="color:#327480"><br>
Contact: <INPUT TYPE="text" NAME="contact" TABINDEX="2" SIZE="25" style="background:#F9FAD0" STYLE="color:#327480"><br>
Fax Number:<INPUT TYPE="text" Name="fax" TABINDEX="3" Maxlength="3" size="3" style="background:#F9FAD0" STYLE="color:#327480">
<INPUT TYPE="text" Name="fax2" TABINDEX="4" Maxlength="3" size="3" style="background:#F9FAD0" STYLE="color:#327480">-
<INPUT TYPE="text" Name="fax3" TABINDEX="5" Maxlength="4" size="4" style="background:#F9FAD0" STYLE="color:#327480"><br><br>
</FIELDSET></th>
<th><FIELDSET STYLE="border-width:medium"><LEGEND><b>Email: Optional</b></LEGEND>
Email: <INPUT TYPE="text" TABINDEX="6" NAME="email" SIZE="30" style="background:#F9FAD0" STYLE="color:#327480"><br>
Name: <INPUT TYPE="text" TABINDEX="7" SIZE="30" style="background:#F9FAD0" STYLE="color:#327480"><br><br>
</FIELDSET></th>
</td></table>
<TABLE BORDER="0" WIDTH="550" ALIGN="center"><TD>
<FIELDSET STYLE="border-width:medium"><LEGEND><b>Submit</b></LEGEND>
<INPUT TYPE="submit" VALUE=http://www.webdeveloper.com/forum/archive/index.php/"Click to Submit" onClick="verify()" TABINDEX="8">
<INPUT TITLE="Clear Boxes" TYPE="reset" TABINDEX="9"><br>
<br></FIELDSET>
</FORM>
</TD></TABLE>
1) the Pop-up shows mostly "undefined" for several of the items but not all of them.???
2) I get the email portion to work with IE but not with AOL/netscape, is there a way to do this???
3) Finally, does anyone know of a way to make the cursor jump to the next box when the max input is reach, such as with a phone number using three boxes???
Here is the Code thank you for any possible help/guidance:
<TABLE BORDER="0" WIDTH="550" align="center"><TD>
<SCRIPT LANGUAGE="javascript">
function verify()
{
var OpenWindow=window.open("", "newwin", "height=300,width=300");
OpenWindow.document.write("<HTML>")
OpenWindow.document.write("<head>")
OpenWindow.document.write("<link type='text/css' rel='stylesheet' href='http://www.webdeveloper.com/forum/archive/index.php/style.css'>")
OpenWindow.document.write("<TITLE>Request Submited</TITLE>")
OpenWindow.document.write("</head>")
OpenWindow.document.write("<body>")
OpenWindow.document.write("<CENTER>")
OpenWindow.document.write("Thank you <B>" + document.fax.company_name.value + "</B>,<B>" +document.fax.contact.value+ "</B><br>")
OpenWindow.document.write("The following information was Transmitted:<br>")
OpenWindow.document.write("" +document.fax.fax.vaue+ "   " +document.fax.fax2.vaue+ "   " +document.fax.fax3.vaue+ "<br>")
OpenWindow.document.write("" +document.fax.name.value+ " / " +document.fax.email.value+ "<br>")
OpenWindow.document.write("Thank You and Have a GREAT DAY.<br>")
OpenWindow.document.write("<FORM><INPUT TYPE='button' VALUE='http://www.webdeveloper.com/forum/archive/index.php/Close Window' onClick='self.close()'></FORM>")
OpenWindow.document.write("</CENTER>")
OpenWindow.document.write("</body>")
OpenWindow.document.write("</HTML>")
}
</SCRIPT>
<FORM METHOD='post' ACTION='mailto:[email protected]?Subject=Add to FAX list' ENCTYPE='text/plain' NAME='fax'>
<th><FIELDSET STYLE="border-width:medium"><LEGEND><b>Fax Request</b></LEGEND>
Company:<INPUT TYPE="text" NAME="company_name" TABINDEX="1" SIZE="25" style="background:#F9FAD0" STYLE="color:#327480"><br>
Contact: <INPUT TYPE="text" NAME="contact" TABINDEX="2" SIZE="25" style="background:#F9FAD0" STYLE="color:#327480"><br>
Fax Number:<INPUT TYPE="text" Name="fax" TABINDEX="3" Maxlength="3" size="3" style="background:#F9FAD0" STYLE="color:#327480">
<INPUT TYPE="text" Name="fax2" TABINDEX="4" Maxlength="3" size="3" style="background:#F9FAD0" STYLE="color:#327480">-
<INPUT TYPE="text" Name="fax3" TABINDEX="5" Maxlength="4" size="4" style="background:#F9FAD0" STYLE="color:#327480"><br><br>
</FIELDSET></th>
<th><FIELDSET STYLE="border-width:medium"><LEGEND><b>Email: Optional</b></LEGEND>
Email: <INPUT TYPE="text" TABINDEX="6" NAME="email" SIZE="30" style="background:#F9FAD0" STYLE="color:#327480"><br>
Name: <INPUT TYPE="text" TABINDEX="7" SIZE="30" style="background:#F9FAD0" STYLE="color:#327480"><br><br>
</FIELDSET></th>
</td></table>
<TABLE BORDER="0" WIDTH="550" ALIGN="center"><TD>
<FIELDSET STYLE="border-width:medium"><LEGEND><b>Submit</b></LEGEND>
<INPUT TYPE="submit" VALUE=http://www.webdeveloper.com/forum/archive/index.php/"Click to Submit" onClick="verify()" TABINDEX="8">
<INPUT TITLE="Clear Boxes" TYPE="reset" TABINDEX="9"><br>
<br></FIELDSET>
</FORM>
</TD></TABLE>