Message/Feedback Form
This is a "Mail Form" with uses regular E-mail without the use of a "cgi-script" to send the information. Many of the items such as "form title, names, alerts, etc." can be changed to fit your needs. It may be necessary to preface the input windows with a brief explanation of how to use them. An example of this is:
This is a form for sending me messages/feedback about the site or its contents. Feel free to let me know what you think.
There are few instructions for use as follows:
Name window: enter your REAL name or ALIAS.
Browser & version: entered automatically.
Text area: enter your comments in the text area.
Your E-mail address will be a part of the message you are sending and is automatically included. An alert may give you a warning about sending "un-encrypted" messages or your address. If you wish to communicate with me just continue when you encounter the alerts. Thanks for your interest!
Installing the Javascript form in your webpage.
The form uses Javascript which can be easily inserted into your webpage using "copy & paste." It is best NOT to attempt to change or add anything to the layout without an extensive knowledge of javascript. There are TWO areas where you need to CHANGE the information to make the form useable for you. First, you need to change the location of the Thank You page and MAKE one for the form to use. It is a simple page and in this form is titled: "thanks.html." The second change is in the BODY section.
Add the following script to the HEAD section of your webpage.
<![CDATA[
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function leaptoIntro() {
window.location="http://www.oocities.org/Neighborhood/Suburb/1234/thanks.html"
}
function About() {
alert("\nHave a message or feedback?\n\nFill out the form and submit it.\n\nThanks for taking the time.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\nYour submission is about to be sent.\n\nClick YES to submit.\n\nClick NO to cancel."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\nThe NAME field is blank.\n\nPlease enter your name.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ') {
alert("\nThe NAME field only accepts letters & spaces.\n\nPlease re-enter your REAL NAME or ALIAS. Your E-MAIL address will be automatically entered and used in the message.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\nYou've changed your browser type.\n\nClick YES to keep changes.\n\nClick NO to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\nThe SUGGESTION field is blank.\n\nPlease enter your message/feedback.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End -->
</SCRIPT>
]]>
Add the following script to the BODY section of your webpage.
You will need to change the "mailto: address" to YOUR e-mail address.
<![CDATA[
<CENTER>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:yourname@my.home.net?subject=Page Comments' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="Message">
<TABLE BORDER=0 WIDTH=564>
<TR>
<TD align="center"> <FONT><STRONG>Enter your name:</STRONG></FONT>
<TD align="center"> <FONT><STRONG>Browser/Version:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=26 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <FONT><STRONG>Enter your message/feedback:</STRONG></FONT>
</TR>
<TR>
<TD align="center"><TEXTAREA NAME="message/feedback" ROWS=10 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD align="center"><INPUT TYPE="submit" VALUE="Submit"></TD>
<TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()"></TD>
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()"></TD>
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()"></TD>
</TR>
</TABLE>
<center><font size="-2" color=#FF0000">Please click the CLOSE button after submitting form.</font></center>
</FORM>
]]>
Main HTML Help
Site© 1999-2003 Copyright by dcrum@infionline.net