Form Acknowledgement Page

JavaScriptSource Staff Apr 13, 2005

This page is called by a Javascript function. The purpose is to inform the visitor that their input has been successfully recorded. A button is provided to enable the visitor to close the window for this page and return to the page that created it.

Javascript Form

The JavaScript Source: Forms: Form Acknowledgement Page

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- ONE STEP TO INSTALL FORM ACKNOWLEDGEMENT PAGE:

1.  Copy the coding into the BODY of your HTML document  -->

<BODY>

<!-- Hide script from other browsers

// Form Acknowledgement Script

// This script determines the page that called the form, displays an

// acknowledgement page in a new Window. Upon return to this

// page the visitor can click a button to take them back to the

// page they came from.

// Created by:     Grant Schmarr

// Created on:     18th September 1997

// Last Modified: 19th September 1997

// Get referring page

var currLoc = document.referrer

function parseForm()  {

// Code to parse data is inserted here

// You can have Javascript

// The following code opens a page in a new window

// First we create a variable that contains the URL for the

// page we wish to go to and then use the window.open method

// to open a new window with the acknowledgement document.

// Change js_formack.html to the name of your acknowledgement page

var valform = "js_formack.html "

myWindow = window.open(valform)

}

// This function takes the client back to the referring page

function getBack() {

history.go(-1)

}

// Finished hiding script

// -->

</SCRIPT>

<TITLE>Javascript Form</TITLE>

</HEAD>

<CENTER><H1>Example of using Javascript with a Form</H1></CENTER>

<HR>

<P>

In this example, the  form's action is to post a mail message to an email address. We also want to display another page so that the client is aware that their input has been appropriately processed. This Javascript script is handy if the web page designer does not have CGI access on the server.

</P>

<P>One problem that does occur is that the mail action will occur <STRONG>after</STRONG> the Javascript processing is completed. This could lead to the mail dialog box becoming hidden. You should alert the person filling in the form that the form will display an acknowledgement as well as email the form results to the author.</P>

<TABLE>

<TR><TD>Please enter your name:</TD>

<TR><TD>Please enter your email address:</TD>

</TABLE>

<!--

// Create a button that will take the visitor back to the referring page

// You can change the VALUE parameter to another name eg. Back to Home Page

-->

<INPUT TYPE="BUTTON" VALUE="Back" NAME="Back" ALIGN=top

onClick="getBack()">

</FORM>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Form Acknowledgement Page

Leave a Response

Attention JavaScript Coders

Go Deeper