Today is . Page created 02/12/06, updated 03/07/07

Web Web Forms With Redirection Forms

Name:
Phone Number: optional
E-mail:
Would you like us to contact you for an estimate?
Yes No
Comments: optional
 
 

For Your Information For your Information:     In reference to this form. This is just a working example that is not attached to anything but this example. (It does function completely and it will send us an email if you fill it out and send it). You need to have a good working knowledge of forms in order to incorporate this effect into your forms.

T his Web form utilizes the sender's e-mail. The form has a validation for information added. If all is entered correctly, the sender will be directed to a "Thank you" page.

W e have tested the code in IE7.0, IE6.0, Firefox2.0.0.1, Firefox1.5, Opera8.51, Netscape7.02, Netscape8.1, Netscape8.1.2 and AOL Explorer1.2. This script worked correctly in IE6.0, Netscape8.1, Firefox2.0.0.1, Netscape8.1.2 and AOL Explorer1.2 only. Variations were noticed in other platforms tested. It degrades well and you will not get any error messages.

For Your Information For your Information:     Before we begin, we feel obligated to advise you that the above form is for all intensive purposes a "Stand Alone" script. In other words, it really does not do much of anything other than what you see. If you select to incorporate it into a functional form, you need to have a solid background in HTML, javascripts, forms and reconfigurations. If you do not need to incorporate this effect into a functional form, you can use it as a stand alone script as is without any incorporation. If you do not have a good Solid Knowledge of HTML coding, javascripts, forms and reconfigurations, please "Do Not Attempt" to incorporate this into a working form until you are Proficient in the aforementioned areas.

D epending on your knowledge of HTML and javascripts, this is an easy two part* copy and paste code that goes in both the <HEAD> and <BODY> sections of your document. There are reconfigurations to be made in both sections of the code.

* There are in actuality three (3) parts to this script. The third part is for you to make a "Thank You" page that you want people to go to once they submit the form.

<HEAD> Section Reconfigurations

     // If reached this far then thank user, submit form and show redirect page
                 alert ("'Thank you for your registration submission.*'" +signup.NAME.value + " '' \nPlease wait a moment while your data is sent to our server*");
         // put the redirect url in here absolute or relative urls can be used
                location.href="URL to Thank You page you build";


     return true;
   }

}

// -->

* These two areas are the text that will appear on the popups alerts once you click "Submit".
If this is a little unclear, grab the below link to view a slideshow to further elaborate this point.
[ Slideshow ]

<BODY> Section Reconfigurations

<form action="mailto:your e-mail here@simple.com" method="post" name="signup" enctype="text/plain" onsubmit="return checkData()">
<table width="100%" border="0" cellpadding="5" cellspacing="0" id="addform">

T he third or last part is for you to make a "Thank You" page for once the form is completed and the submit button is clicked. This URL* is the one you will place in the <HEAD> section of the code.
[ Our Thank You Page ]

         // put the redirect url in here absolute or relative urls can be used
                location.href="URL to Thank You page you build";

*    As silly as it may seem, we have had questions regarding ~ When we say "......This URL is the one you will place in the <HEAD> section of the code......" We do not literally mean the URL we are using. We mean the URL (document) you will build for the "Thank You" page.

I f you would like to add this effect into your pages, grab the respective below link and you are there. We hope our tutorial was easy to follow and we covered everything in detail. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]   [ Rate This Page ]