Building a Dynamic Thank You Page - source

You are here: irt.org | Articles | Dynamic HTML (DHTML) | Building a Dynamic Thank You Page

Published on: Monday 15th June 1998 By: Martin Webb

index.htm

<HTML>

<HEAD>
<TITLE>Input Page</TITLE>

<SCRIPT language="JavaScript"><!--
var debug = true; // replace with:  var debug = false;

function thankYou(form) {
    form.redirect.value = 'thanks.htm' + '?' +
        escape('Action')             + '=' + escape('Feedback')          + '&' +
        escape('Message Sent To')    + '=' + getText(form.SendMailTo)    + '&' +
        escape('Your Age')           + '=' + getRadio(form.age)          + '&' +
        escape('Favourite Color')    + '=' + getOption(form.color)       + '&' +
        escape('Your Hobbies')       + '=' + getCheckboxes(form.Computing,form.Carpentry,form.Drawing,form.Reading) + '&' +
        escape('Your Email Address') + '=' + getText(form.email)         + '&' +
        escape('Your Name')          + '=' + getText(form.yourname)      + '&' +
        escape('Comments')           + '=' + getText(form.comments)      + '&';

    if (debug) {
        location.href = form.redirect.value;
        return false;
    }

    return true
}

function getText(object) {
    return escape(object.value)
}

function getOption(object) {
    return escape(object.options[object.selectedIndex].text);
}

function getRadio(object) {
    for (var i = 0; i < object.length; i++)
         if (object[i].checked)
             return object[i].value;

    return '';
}

function getCheckboxes() {
    var output = '';
    for (var i = 0; i < getCheckboxes.arguments.length; i++)
         output += getCheckbox(getCheckboxes[i]) + escape(' ');
    return output;
}

function getCheckbox(object) {
    if (object.checked)
        return escape(object.value);
    else
        return '';
}
//--></SCRIPT>

</HEAD>

<BODY>

<FONT FACE="Arial, Helvetica">

<H1>Dynamic Thank You Page</H1>

<FORM METHOD="POST" ACTION="/cgi-bin/userform.cgi" onSubmit="return thankYou(this)">

<INPUT TYPE="HIDDEN" NAME="SendMailTo" VALUE="martin.webb@btinternet.com">

<INPUT TYPE="HIDDEN" NAME="redirect" VALUE="thanks.htm">

<P>Comments:
<BR><TEXTAREA NAME="comments" COLS="38" ROWS="4" WRAP="VIRTUAL"></TEXTAREA>

<P>Your age:
<BR>
<INPUT TYPE="RADIO" NAME="age" VALUE="5-15">  5-15
<INPUT TYPE="RADIO" NAME="age" VALUE="16-25"> 15-25
<INPUT TYPE="RADIO" NAME="age" VALUE="26-35"> 26-35
<INPUT TYPE="RADIO" NAME="age" VALUE="36-45"> 36-45
<INPUT TYPE="RADIO" NAME="age" VALUE="46-55"> 46-55
<INPUT TYPE="RADIO" NAME="age" VALUE="56-65"> 55-65

<P>Your favourite color:
<SELECT NAME="color">
<OPTION>Red
<OPTION>Orange
<OPTION>Yellow
<OPTION>Green
<OPTION>Blue
<OPTION>Indigo
<OPTION>Violet
</SELECT>

<P>Your Hobbies:
<BR>
<INPUT TYPE="CHECKBOX" NAME="Computing" VALUE="Computing"> - Computing
<INPUT TYPE="CHECKBOX" NAME="Carpentry" VALUE="Carpentry"> - Carpentry
<INPUT TYPE="CHECKBOX" NAME="Drawing" VALUE="Drawing"> - Drawing
<INPUT TYPE="CHECKBOX" NAME="Reading" VALUE="Reading"> - Reading

<P>Your e-mail address:
<BR><INPUT TYPE="TEXT" SIZE="38" NAME="email">

<P>Your name:
<BR><INPUT TYPE="TEXT" SIZE="38" NAME="yourname">

<P><INPUT TYPE="SUBMIT" VALUE="Submit">

</FORM>

</BODY>
</HTML>

Return

thanks.htm

<HTML>

<HEAD>
<TITLE>Thank You</TITLE>
</HEAD>

<BODY>

<FONT FACE="Arial, Helvetica">

<H1>...Message Received</H1>

<SCRIPT LANGUAGE="JavaScript"><!--
var input = '', output = '';

if (location.search.length > 0)
    input = location.search.substring(1);

while (input.length > 0) {
    variableName = input.substring(0,input.indexOf('='));
    input = input.substring(input.indexOf('=')+1);
    variableValue = input.substring(0,input.indexOf('&'));
    input = input.substring(input.indexOf('&')+1);
     
    output += '<P><B>' + unescape(variableName) + ':<\/B>';
    output += '<XMP>' + unescape(variableValue) + '<\/XMP>';
}

document.write(output);
//--></SCRIPT>

<H2>Thank you!</H2>

</FONT>

</BODY>
</HTML>

Return

Feedback on 'Building a Dynamic Thank You Page'

Building a Dynamic Thank You Page - Tonny October 30, 2002 at 13:00:48
Building a Dynamic Thank You Page - krishnakumar August 13, 2002 at 01:15:09
Building a Dynamic Thank You Page - Mike Smith July 24, 2002 at 14:44:35
Building a Dynamic Thank You Page - Neville August 14, 2001 at 11:18:46
Building a Dynamic Thank You Page - anom 01:11:14 3/06/01
Building a Dynamic Thank You Page - brian mcbreen 12:11:37 11/15/00
Building a Dynamic Thank You Page - fred 19:35:04 9/11/00
Building a Dynamic Thank You Page - Kathleen Watson 17:38:57 8/15/00
Building a Dynamic Thank You Page - lorrie 09:31:55 8/10/00
Building a Dynamic Thank You Page - Jim 12:02:54 3/27/00
Building a Dynamic Thank You Page - Anders Svartstr???m 05:08:14 3/14/00
Building a Dynamic Thank You Page - fei zheng 16:21:28 7/01/99
Building a Dynamic Thank You Page - Ron 11:07:48 5/31/99

View the profile on Martin Webb and the list of other Articles by Martin Webb.