Combine submit and Thank You

rry2k · Mar 21, 2002

Hi,
I would like to display a simple thank you when a user hits the submit button. I need to send the info with submit and then display a thank you in a pop up. The send works but the thank you doesn't.

Thanks for the help..Russ

<table width="753">
<TBODY>
<tr>
<td width="149"><div align="center"><center><p class="MsoNormal"
style="PADDING-TOP: 50pt;" TEXT-ALIGN:><input name="REGISTER" type="submit" value="SUBMIT"
ACTION="mailto:rregner@salemsupport.com" METHOD="post"><input name="RESET" type="reset"
value="Reset"> </p>
onclick="alert('thank you')"
</center></div><div align="center" class="MsoNormal" style="TEXT-ALIGN: center"></div></td>
</tr>
</TBODY>
</table>
</form>
</div>
</body>
</html>

trollacious · Mar 21, 2002

First, you need to put your <input> elements in a <form>

<form name=form1>
<input name="REGISTER" type="button" value="SUBMIT" onclick="dosubmit(); return true;">   
<input name="RESET" type="reset" value="Reset">
</form>

function dosubmit()
{
document.form1.action="mailto:rregner@salemsupport.com";
document.form1.method="post"
alert('thank you');
document.form1.submit();
}

rry2k · Mar 21, 2002

Thanks alot, I'll give it a shot and I'm sure it will do the trick.

rry2k · Mar 21, 2002

I'm new to Javascript and functions in html so please excuse what might be a dumb question. I inserted the code you gave me and it displayed as a literal. Is it incorrect to put this within a table and do I need <script language="javascript"> before this?

Thanks..Russ

trollacious · Mar 21, 2002

Yes, all Javascript functions have to be between <script language="javascript"> and </script> tags. I usually stick functions in the <head> toward the top of the page, just to keep them in one spot consistently.

rry2k · Mar 21, 2002

Makes sense but if I put that at the top which looks like the standard how do I display the submit and reset button at the bottom in the body?

trollacious · Mar 21, 2002

function dosubmit() is Javascript, and goes in the Javascript section. The buttons and other inputs are HTML, and you put them where you need them to be on the page. Only the Javascript itself needs to be set apart. The <form> is HTML, not Javascript.

rry2k · Mar 22, 2002

With your help I'm getting closer. I have:

<form name="form1">
<input name="REGISTER" type="button" value="SUBMIT" onclick="dosubmit(); return true;">
<input name="RESET" type="reset" value="Reset">
</form>
In the body and:

<script language="javascript">
function dosubmit()
{
document.action="mailto:rregner@salemsupport.com";
document.method="post"
alert('thank you');

}
</script>

Under the head tag. The alert works but the email doesn't send. When I try to use document.form1.action I get an error that says " Object is null or not an object"

I appreciate your help, Thanks..Russ

trollacious · Mar 22, 2002

function dosubmit()
{
location.href="mailto:rregner@salemsupport.com";
alert('thank you');
}

will activate the email client with the address inserted and display the thank you message.

rry2k · Mar 22, 2002

Ok but what I need to do is send the form results of the application that is filled out.

Thanks

trollacious · Mar 22, 2002

This will explain what you can do with mailto:

http://www-bprc.mps.ohio-state.edu/mailto/mailto_info.html

trollacious · Mar 22, 2002

Sorry, wrong link. I'll look for the right one

trollacious · Mar 22, 2002

This is about doing a mailto: as an <a href>, but the options are the same. Build your string with the values from your form, and the email will be filled in automatically when the client pops up.

http://www.imswebtips.com/issue12top1.htm

dwhalen · Mar 22, 2002

You need to refer to the form in your Function by using document then "." and then the form name (see below). You also don't seem to have any text boxes or anything for the user to put information into to submit so I added one just so you could see it work.

Also, I don't know about this action that you are using, "mailto:emailaddress". Usually you the action points to a cgi program that will process the informaion, such as: action="../cgi-bin/my_form_process.cgi". I think that the mailto will only work if the user has something like Microsoft Outlook set-up on their computer to send the email. I don't use any of those devices so it will not work on mine. Just something to keep in mind. I hope this helped.

<html>
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="mailto:rregner@salemsupport.com">
<input type="text" name="firstname" value="">
<input type="text" name="lastname" value="">
<input name="REGISTER" type="button" value="SUBMIT" onclick="dosubmit()">
<input name="RESET" type="reset" value="Reset">
</form>

<script language="javascript">
function dosubmit()
{

document.form1.submit();
alert('Thank you ' + document.form1.firstname.value + ' ' + document.form1.lastname.value);

}
</script>

</body>
</html>

Later

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!

Combine submit and Thank You

rry2k

Programmer

trollacious

Programmer

rry2k

Programmer

rry2k

Programmer

trollacious

Programmer

rry2k

Programmer

trollacious

Programmer

rry2k

Programmer

trollacious

Programmer

rry2k

Programmer

trollacious

Programmer

trollacious

Programmer

trollacious

Programmer

dwhalen

Programmer

Similar threads

Part and Inventory Search

Sponsor