You can view this by going to
I have 4 forms. Each form has three text fields that are set up to pass info to the next form by just clicking inside the text box. The information if remembered, but I would like to have it work with not having to click inside the box. I would like to have it to go to form2.htm and have the info already inside the box..Do you have any suggestions?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! -->
<!-- Begin
function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}
function setCookie(name, value) {
var now = new Date();
var then = new Date(now.getTime() + 31536000000);
document.cookie = name + "=" + escape(value) + "; expires=" + then.toGMTString() + "; path=/";
}
function getInfo(form) {
form.info.value = "Browser Information: " + navigator.userAgent;
}
function getValue(element) {
var value = getCookie(element.name);
if (value != null) element.value = value;
}
function setValue(element) {
setCookie(element.name, element.value);
}
function fixElement(element, message) {
alert(message);
element.focus();
}
function isMailReady(form) {
var passed = false;
if (form.fullname.value == "" {
fixElement(form.fullname, "Please include your name."
}
else if (form.email.value.indexOf("@" == -1 ||
form.email.value.indexOf("." == -1) {
fixElement(form.email, "Please include a proper email address."
}
else if (form.message.value == "" {
fixElement(form.message, "Please include a message."
}
else {
getInfo(form);
passed = true;
}
return passed;
}
// End -->
</script>
<body bgcolor="#CCFFFF">
<form METHOD="POST" ACTION=" TARGET="_parent">
<p>
<input type="hidden" name="recipient" value="albnuts@netwiz.net" onSubmit = "return isMailReady(this);">
</p>
<p><a href="form1.htm">Form1.htm</a><br>
<a href="form2.htm">Form2.htm</a><br>
<a href="form3.htm">Form3.htm</a><br>
<a href="form4.htm">Form4.htm </a> </p>
<p align="left"><b><font size="5">Shipping Information</font></b> (form1)<br>
Shipping Infomation ~ <b>IMPORT~<br>
</b></p>
<table width="100%" border="1" cellpadding="3">
<tr>
</tr>
<td width="27%"><b><font color="#FF0033">Customer ID:</font></b></td>
<td width="73%">
<input type = "TEXT" name = "cutomerID" onFocus = "getValue(this)" onBlur = "setValue(this)" maxlength="60">
</td>
</tr>
<tr>
<td height="31" width="27%"><b><font color="#FF0033">PO # (KBS Confirmation
#) </font></b></td>
<td height="31" width="73%">
<input type = "TEXT" name = "KBS confirmation number" onFocus = "getValue(this)" onBlur = "setValue(this)">
</td>
</tr>
<tr>
<td width="27%"><b><font color="#FF0033">Customer PO #:</font></b></td>
<td width="73%">
<input type="text" name="Customer PO number" onFocus = "getValue(this)" onBlur = "setValue(this)" maxlength="60">
</td>
</tr>
<tr>
<td width="27%"><b>Ship Date:</b></td>
<td width="73%">
<input type="text" name="ship date" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%" height="22"><b>Vessel:</b></td>
<td width="73%" height="22">
<input type="text" name="vessel" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Port of Loading:</b></td>
<td width="73%">
<input type="text" name="port of loading" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Port of Discharge:</b></td>
<td width="73%">
<input type="text" name="port of discharge" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Port of Destination:</b></td>
<td width="73%">
<input type="text" name="port of destination" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Cargo Receipt:</b></td>
<td width="73%">
<input type="text" name="cargo receipt" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%" height="35"><b>Container #</b></td>
<td width="73%" height="35">
<input type="text" name="Container" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Description:</b></td>
<td width="73%">
<input type="text" name="description" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Carton Weight:</b></td>
<td width="73%">
<input type="text" name="carton weigtht" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Cargo Fowarder:</b></td>
<td width="73%">
<input type="text" name="cargo fowarder" size="50" maxlength="200">
</td>
</tr>
<tr bgcolor="#9999FF">
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2">
<div align="center">
<table width="35%" border="1" cellpadding="`">
<tr bgcolor="#000000">
<td>
<div align="center"><font color="#FFFFFF"><b><font face="Arial, Helvetica, sans-serif" size="2">KBSAPPAREL.COM
HOME<br>
RETURN TO NOTEBOOK</font></b></font></div>
</td>
</tr>
</table>
<p>
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Submit2" value="Reset">
</p>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
I have 4 forms. Each form has three text fields that are set up to pass info to the next form by just clicking inside the text box. The information if remembered, but I would like to have it work with not having to click inside the box. I would like to have it to go to form2.htm and have the info already inside the box..Do you have any suggestions?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! -->
<!-- Begin
function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}
function setCookie(name, value) {
var now = new Date();
var then = new Date(now.getTime() + 31536000000);
document.cookie = name + "=" + escape(value) + "; expires=" + then.toGMTString() + "; path=/";
}
function getInfo(form) {
form.info.value = "Browser Information: " + navigator.userAgent;
}
function getValue(element) {
var value = getCookie(element.name);
if (value != null) element.value = value;
}
function setValue(element) {
setCookie(element.name, element.value);
}
function fixElement(element, message) {
alert(message);
element.focus();
}
function isMailReady(form) {
var passed = false;
if (form.fullname.value == "" {
fixElement(form.fullname, "Please include your name."
}
else if (form.email.value.indexOf("@" == -1 ||
form.email.value.indexOf("." == -1) {
fixElement(form.email, "Please include a proper email address."
}
else if (form.message.value == "" {
fixElement(form.message, "Please include a message."
}
else {
getInfo(form);
passed = true;
}
return passed;
}
// End -->
</script>
<body bgcolor="#CCFFFF">
<form METHOD="POST" ACTION=" TARGET="_parent">
<p>
<input type="hidden" name="recipient" value="albnuts@netwiz.net" onSubmit = "return isMailReady(this);">
</p>
<p><a href="form1.htm">Form1.htm</a><br>
<a href="form2.htm">Form2.htm</a><br>
<a href="form3.htm">Form3.htm</a><br>
<a href="form4.htm">Form4.htm </a> </p>
<p align="left"><b><font size="5">Shipping Information</font></b> (form1)<br>
Shipping Infomation ~ <b>IMPORT~<br>
</b></p>
<table width="100%" border="1" cellpadding="3">
<tr>
</tr>
<td width="27%"><b><font color="#FF0033">Customer ID:</font></b></td>
<td width="73%">
<input type = "TEXT" name = "cutomerID" onFocus = "getValue(this)" onBlur = "setValue(this)" maxlength="60">
</td>
</tr>
<tr>
<td height="31" width="27%"><b><font color="#FF0033">PO # (KBS Confirmation
#) </font></b></td>
<td height="31" width="73%">
<input type = "TEXT" name = "KBS confirmation number" onFocus = "getValue(this)" onBlur = "setValue(this)">
</td>
</tr>
<tr>
<td width="27%"><b><font color="#FF0033">Customer PO #:</font></b></td>
<td width="73%">
<input type="text" name="Customer PO number" onFocus = "getValue(this)" onBlur = "setValue(this)" maxlength="60">
</td>
</tr>
<tr>
<td width="27%"><b>Ship Date:</b></td>
<td width="73%">
<input type="text" name="ship date" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%" height="22"><b>Vessel:</b></td>
<td width="73%" height="22">
<input type="text" name="vessel" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Port of Loading:</b></td>
<td width="73%">
<input type="text" name="port of loading" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Port of Discharge:</b></td>
<td width="73%">
<input type="text" name="port of discharge" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Port of Destination:</b></td>
<td width="73%">
<input type="text" name="port of destination" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Cargo Receipt:</b></td>
<td width="73%">
<input type="text" name="cargo receipt" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%" height="35"><b>Container #</b></td>
<td width="73%" height="35">
<input type="text" name="Container" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Description:</b></td>
<td width="73%">
<input type="text" name="description" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Carton Weight:</b></td>
<td width="73%">
<input type="text" name="carton weigtht" size="50" maxlength="200">
</td>
</tr>
<tr>
<td width="27%"><b>Cargo Fowarder:</b></td>
<td width="73%">
<input type="text" name="cargo fowarder" size="50" maxlength="200">
</td>
</tr>
<tr bgcolor="#9999FF">
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2">
<div align="center">
<table width="35%" border="1" cellpadding="`">
<tr bgcolor="#000000">
<td>
<div align="center"><font color="#FFFFFF"><b><font face="Arial, Helvetica, sans-serif" size="2">KBSAPPAREL.COM
HOME<br>
RETURN TO NOTEBOOK</font></b></font></div>
</td>
</tr>
</table>
<p>
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Submit2" value="Reset">
</p>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>