forms

WannaLearn · Jan 28, 2004

What i'm doing is having 4 forms on one page, 3 of the 4 forms have different e-mail addresses and some fields that need to be answered (the user chooses which form they are interested in filling out), then the 4th form has the contact info. Now is it possible to have any one of the first 3 forms that user inputted info. into AND the contact form to be emailed to the respective e-mail address?
This is the basic idea of what I am trying to accomplish:

<form name="1" action="mail1@mail.com" mrthod="post">
....
....
....
</form>

<form name="2" action="mail2@mail.com" mrthod="post">
....
....
....
</form>

<form name="3" action="mail3@mail.com" mrthod="post">
....
....
....
</form>

<form name="contactform" action="" mrthod="post">
....
....
....
</form>

So, if form name="1" was filled out, and contactform was filled out, both forms would be e-mailed to email as indicated in form 1, is that doable in simple JS?
Thanks.

simonchristieis · Jan 29, 2004

You can add an onSubmit action to the forms to change the action of the cintact form.

function changeAction(x){
document.forms("contactform&quot

.action = x.action;
document.forms("contactform&quot

.submit();
document.forms(x).submit();
return false;
}

<form name="1" action="mail1@mail.com" method="post" onSubmit="return changeAction(this)">

Hope this helps

Simon

WannaLearn · Jan 29, 2004

Hi, Simon. thanks for helping. But I am having some problems with your suggestion. This is a mock code of I have so far, how can I implement your idea into this?

<HTML>
<HEAD>

<script>
function goThere() {
if(document.form1.select1.options[0].selected == true) {
alert("Select Something&quot

;
return false;
}
else {
window.location.href=document.form1.select1.options[document.form1.select1.selectedIndex].value
}
}
</script>
</HEAD>

<BODY>
<CENTER>
<table width="700" border="0" align="center">
<tr valign="top">
<td>
<center>
<table cellpadding="2" align="Center">
<tr valign="Top">
<td>
<form name="form1">
<select name="select1">
<option value="">Please Select One of the Following:</option>
<option value="#Section1">Section 1</option>
<option value="#Section2">Section 2</option>
<option value="#Section3">Section 3</option>
</select>
<input type="button" value="Take me there" onClick="return goThere();">
</form></td>
</tr>
</table>
</center>
<hr>
<table width="700" align="center">
<tr>
<td>

FORM ONE:
<form method="GET" action="/cgi-bin/misc/mailform.cgi">
<p align=Center>
<input type=hidden name="recipient" value="mail1@isp.com">
<input type=hidden name="subject" value="Section 1 info">
<input type=hidden name="required" value="email">
<a name="Section1"></a>
<table width="100%" cellpadding="2">
<tr>
<td width="72%"><font size="2" color="#ff0000"><b>SECTION
1 :</b></font><font size="2" color="004080"> For this
area, please enter the requested information.</font></td>
<td width="28%"> </td>
</tr>
</table>
<table width="100%" cellpadding="2">
<tr valign="middle">
<td><font size="2"><b>My question is: </b></font> <table width="90%" cellpadding="2">
<tr valign="middle">
<td width="56%"><textarea name="section 1 txt" cols="30"></textarea>
</td>
<td width="1%"> </td>
<td width="32%"><font size="2"><b><a href="#organization">continue onto below</a></b></font></td>
<td width="11%"> </td>
</tr>
</table></td>
</tr>
</table>
</form>

FORM TWO
<form method="GET" action="/cgi-bin/misc/mailform.cgi">
<p align=Center>
<input type=hidden name="recipient" value="mail2@isp.com">
<input type=hidden name="subject" value="Section2 info">
<input type=hidden name="required" value="email">
<a name="Section2"></a>
<table width="100%" cellpadding="2">
<tr >
<td width="69%"><font face="ARIAL, TAHOMA, VERDANA" size="2" color="#ff0000"><b>SECTION
2 :</b></font><font face="ARIAL, TAHOMA, VERDANA" size="2" color="004080">
For this area, please enter the requested information.</font></td>
<td width="31%"></td>
</tr>
</table>
<table width="100%" cellpadding="2">
<tr>
<td width="575"><font size="2"><b>My question is: </b></font><BR> <table width="90%" cellpadding="2">
<tr valign="middle">
<td width="56%"><textarea name="section 2 txt" cols="30" id="section 2 txt"></textarea>
</td>
<td width="1%"> </td>
<td width="39%"><font size="2"><b><a href="#organization">continue onto below</a></b></font></td>
<td width="4%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</form>

FORM THREE
<form method="GET" action="/cgi-bin/misc/mailform.cgi">
<p align=Center>
<input type=hidden name="recipient" value="mail3@isp.com">
<input type=hidden name="subject" value="Section 3 info">
<input type=hidden name="required" value="email">
<font size="2" color="#ff0000"><b><a name="Section3"></a></b></font>
<table width="100%" cellpadding="2">
<tr >
<td width="69%"><font size="2" color="#ff0000"><b>SECTION
3 :</b></font><font size="2"> For this area, please
enter the requested information.</font></td>
<td width="31%"></td>
</tr>
</table>
<table width="100%" cellpadding="2">
<tr>
<td><font size="2"><b>My question is: <br>
</b></font> <table width="90%" cellpadding="2">
<tr valign="middle">
<td width="56%"><textarea name="section 3 txt" cols="30" id="section 3 txt"></textarea>
</td>
<td width="1%"> </td>
<td width="38%"><font size="2"><b><a href="#organization">continue onto below</a></b></font></td>
<td width="5%"> </td>
</tr>
</table></td>
</tr>
</table>
</form>
<p>
<p>

CONTACT FORM
<form method="GET" action="/cgi-bin/misc/mailform.cgi">
<p align=Center>
<input type=hidden name="recipient" value="">
<input type=hidden name="subject" value="">
<input type=hidden name="required" value="email">
<br>
<a name="organization"></a><font color="ff0000" size="2"><b>CONTINUE:</b></font><br>
<br>
<table>
<tr>
<td width=175 align=RIGHT></td>
<td></td>
</tr>
<tr valign="middle">
<td width=175 align=RIGHT><b>Your Name:</b></td>
<td width=300> <input type="text" name="YOUR NAME" maxlength="30" size="30">
</td>
</tr>
<tr valign="middle">
<td width=175 align="RIGHT"><b>Your Number:</b></td>
<td width=300> <input type="text" name="YOUR TELEPHONE NUMBER" maxlength="14" size="14">
</td>
</tr>
</table>
<br>
<input type="submit" value="Submit Your Question" name="submit">
<input type="reset" value="Reset" name="reset">
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</CENTER>
</BODY>
</HTML>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

forms

WannaLearn

Programmer

simonchristieis

Programmer

WannaLearn

Programmer

Similar threads

Part and Inventory Search

Sponsor