Preserving Form Data when Pressing Back

steff

It must be very easy ...

I have form-data which I submit to a different page.

Now, if the user submits to the data to the next page and then presses the back button on his browser the data is not preserved.

Is there a simple way to re-display the submitted data without using JavaScript (thus catching the back event)?

Thanks alot, Stefan

thelad

you could try using cookies to save these
whichcould prove annoying because they appear every time you open the page.

i have the same problem too.
Any more answers.

try this

<title>Your title goes here!</title>

<SCRIPT language="JavaScript">
<!--
var never = new Date()
never.setTime(never.getTime() + 20002460601000);

// name is a string of the name of your cookie
// value is the value corresponding to name
function SetCookie(name, value) {
var expString = "; expires=" + never.toGMTString();
document.cookie = name + "=" + escape(value) + expString;
}

// returns value of cookie or null if cookie does not exist
function GetCookie(name) {
var result = null;
var myCookie = " " + document.cookie + ";";
var searchName = " " + name + "=";
var startOfCookie = myCookie.indexOf(searchName);
var endOfCookie;
if (startOfCookie != -1) {
startOfCookie += searchName.length; // skip past name of cookie
endOfCookie = myCookie.indexOf(";", startOfCookie);
result = unescape(myCookie.substring(startOfCookie, endOfCookie));
}
return result;
}

use_cookies = "unsure";

function storedValues() {
if (document.images) { // only do it in JavaScript 1.1 browsers
for (i=0;i<document.forms.length;i++) {
for (j=0;j<document.forms.elements.length; j++) {
cookie_name = "memory"+document.forms.name+""
+document.forms.elements[j].name;
val = GetCookie(cookie_name);
if (val) {
if ((document.forms.elements[j].type == "text")
|| (document.forms.elements[j].type == "password")
|| (document.forms.elements[j].type == "textarea")) {
document.forms.elements[j].value = val;
} else if (document.forms.elements[j].type.indexOf("select") != -1) {
document.forms.elements[j].selectedIndex = -1;
while (((pos = val.indexOf(" ")) != -1) && (val.length > 1)) {
sel = parseInt(val.substring(0,pos));
val = val.substring(pos+1,val.length);
if (sel < document.forms.elements[j].length)
document.forms[i].elements[j].options[sel].selected = true;
}
} else if (document.forms[i].elements[j].type == "checkbox") {
document.forms[i].elements[j].checked = val;
} else if (document.forms[i].elements[j].type == "radio") {
if (document.forms[i].elements[j].value == val)
document.forms[i].elements[j].checked = true;
}
}
}
}
}
}

window.onload = storedValues;

// -->
</SCRIPT>

Sample form:<br><br>

<form name="test">
Name: <input type="text" name="fullname" onChange="saveValue(this)" size=30><br>
Password: <input type="password" name="password" onChange="saveValue(this)" size=30><br>
<input type="radio" name="spouse" onClick="saveValue(this)" value="married"> Married    
<input type="radio" name="spouse" onClick="saveValue(this)" value="single"> Single<br>
<input type="checkbox" name="likeit" value="yes" onClick="saveValue(this)"> I like this script<br>
Hometown: <input type="text" name="nothing" size=30><br>
<i>("Hometown" doesn't remember what you enter in it)</i><br><br>
Age:<br>
<select name="age" onChange="saveValue(this)" size=1>
<option selected>0-10
<option>11-20
<option>21-30
<option>31-40
<option>41-50
<option>51-60
<option>61-70
<option>over 70
</select><br><br>

I use the following browsers: (select all that apply)<br>
<select name="browser" onChange="saveValue(this)" size=3 multiple>
<option>Netscape Navigator
<option>Microsoft Internet Explorer
<option>Other
</select><br><br>

Other Comments:<br>
<textarea name="comments" rows=4 cols=60 onChange="saveValue(this)"></textarea>
</form>

Script from <a href="http://www.infohiway.com/javascript?memory">Cut and Paste JavaScript</a>.

</body>

steff

Thank u Alex for the cookie hint. Unfortunately it seems to be the only reasonable way.

I'll probably try to get the user to use on-page navigation (href,..) to go back.

stefan