The JavaScript Source: Cookies : Save and Restore Form Cookies

Internet.commerce

Internet.com

IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

Great Sites

DocJavaScript.com
dhtml.com
The Freebie Directory
TheFreeSite.com

Browse Doc JS's Tips!

Promotions

Free Announcements

General

This script will save all of your form fields in a cookie. It includes all text fields, radio button selections, checkbox values, etc. When your visitor returns, all form fields are automatically repopulated with the same value that they entered on their last visit.

Notes

Created by: Tony Davis
Web Site: http://www.tdavisconsulting.com
Posted: February 03, 2006

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: saveRestoreForm.js

// -----------------------------------------------------//
// SAVE FORM FIELD SELECTIONS IN COOKIES 		//
// formcookie_saverestore.js				//
// Written by Tony Davis, T. Davis Consulting, Inc.	//
// Date written: September 27, 2005			//
// Email: tony@tdavisconsulting.com			//
// Web site: http://www.tdavisconsulting.com		//
// -----------------------------------------------------//

// instructions:
// ------------
// Change <BODY>
// to <BODY onunload="saveSelections(document.forms[0])"> and
// Change </FORM>
// TO </FORM><SCRIPT language=JavaScript type="">loadSelections(document.forms[0]);</SCRIPT>
// see a working example at: http://www.tdavisconsulting.com/formcookie
//

//
// ------------------------------------------------
// This function will concatentate all the fields in
// in the form into one string, delimited by a PIPE
// symbol, into one cookie. The cookie name is the
// same name as the form name. ALL fields are saved.
// ------------------------------------------------
//


function saveSelections(frm) {
		var setvalue;
		var fieldType;
		var index;
		var formname = frm.name;

		// Expire cookie in 999 days.
		var today = new Date();
		var exp   = new Date(today.getTime()+999*24*60*60*1000);

		var string = "formname=" + formname + "|";
		var cookieName = formname;

		//alert(exp);
		//alert(formname);

		var n = frm.length;
		for (i = 0; i < n; i++)

		{
			e 	    = frm[i].name;
			fieldValue  = frm[i].value;
			fieldType   = frm[i].type;

			//alert(e);
			//alert(fieldType);
			//alert(fieldValue);

			//
			// RADIO BUTTON
			//
			if (fieldType == "radio") {
			//alert(frm.elements[e].length);
				for (x=0; x < frm.elements[e].length; x++) {
					if (frm.elements[e][x].checked)
					{
					index = x
					}
				}
			string = string + index + "\|";
			}

			//
			// TEXT, TEXTAREA, and DROPDOWN
			//
			if ((fieldType == "text") ||
			    (fieldType == "textarea") ||
			    (fieldType == "select-one"))
			{
		    	string = string + frm.elements[e].value + "\|";
		    	//alert("text");
			}

			//
			// CHECKBOX
			//
			if (fieldType == "checkbox")
			{
				if (frm.elements[e].checked==true) {
					var setvalue = "1";
					}
				if (frm.elements[e].checked==false) {
					var setvalue = "0";
					}
			string = string + setvalue + "\|";
			//alert("checkbox");
			}

			//
			// HIDDEN field
			//
			if (fieldType == "hidden")
			{
		    	string = string + frm.elements[e].value + "\|";
		    	//alert("text");
			}
		}

//alert(string);
setCookie(cookieName, string, exp); }

//
// LOAD FORM FIELD SELECTIONS FROM SAVED COOKIES
//

function loadSelections(frm) {
var e;
var z;
var x;
var cookieName;
var fieldArray;
var fieldValues;
var fieldValue;

var formname = frm.id;

// Retrieve form elements from cookie and split into array.

cookieName  = formname;
fieldValues = getCookie(cookieName);
fieldArray  = fieldValues.split("\|");

//alert(fieldArray);
//alert(fieldArray[0]);
//alert(fieldArray[1]);
//alert(fieldArray[2]);
//alert(fieldArray[3]);

		var n = frm.length;
		for (i = 0; i < n; i++) {
			e = frm[i].name;
			z = i;
			z++;
			var fieldType  = frm[i].type;
			var fieldValue = fieldArray[z];

			//
			// TEXT, TEXTAREA, and DROPDOWN
			//
			if ((fieldType == "text") ||
			    (fieldType == "textarea") ||
			    (fieldType == "select-one"))
			{
		    	frm.elements[e].value = fieldValue;
		    	//alert(e);
		    	//alert(fieldValue);
			}

			// CHECKBOX
			//
			if (fieldType == "checkbox")
			{
				fld_checkbox = fieldValue;
				if (fld_checkbox == "1") {
					frm.elements[e].checked = true;
				}
			}

			// RADIO BUTTON
			//
			if (fieldType == "radio") {
				x = fieldValue;
				//alert(x);
				frm.elements[e][x].checked = true;
			}

			//
			// HIDDEN field
			//
			if (fieldType == "hidden")
			{
		    	frm.elements[e].value = fieldValue;
		    	}
		}
}

/// COOKIE FUNCTIONS

function setCookie(name, value, expires, path, domain, secure) {
document.cookie= name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}

function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="saveRestoreForm.js"></script>

User Comments

Add a comment, suggestion, or correction

Comments feed

next comments...

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

User Comments

12. From: Michael D
Wroks Great!
11/03/2008 14:10:39

10. From: Warren Taylor
12/07/2007 16:40:09

11. From: Lee Underwood (Admin)
01/29/2008 11:32:10

8. From: sravan
11/06/2007 13:45:22

9. From: Lee (Admin)
11/07/2007 15:58:47

7. From: mike clarke
Wonderful
09/17/2007 14:18:15

5. From: Kai
Does not work.
08/26/2007 16:30:03

6. From: Lee (Admin)
10/03/2007 14:51:55

2. From: Monique
thanks for this code!
07/05/2007 17:19:07

3. From: Jason
I cant get it to work at all
07/27/2007 03:13:49

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

User Comments

12. From: Michael DWroks Great!11/03/2008 14:10:39

10. From: Warren Taylor12/07/2007 16:40:09

11. From: Lee Underwood (Admin)01/29/2008 11:32:10

8. From: sravan11/06/2007 13:45:22

9. From: Lee (Admin)11/07/2007 15:58:47

7. From: mike clarkeWonderful09/17/2007 14:18:15

5. From: KaiDoes not work.08/26/2007 16:30:03

6. From: Lee (Admin)10/03/2007 14:51:55

2. From: Moniquethanks for this code!07/05/2007 17:19:07

3. From: JasonI cant get it to work at all07/27/2007 03:13:49

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

12. From: Michael D
Wroks Great!
11/03/2008 14:10:39

10. From: Warren Taylor
12/07/2007 16:40:09

11. From: Lee Underwood (Admin)
01/29/2008 11:32:10

8. From: sravan
11/06/2007 13:45:22

9. From: Lee (Admin)
11/07/2007 15:58:47

7. From: mike clarke
Wonderful
09/17/2007 14:18:15

5. From: Kai
Does not work.
08/26/2007 16:30:03

6. From: Lee (Admin)
10/03/2007 14:51:55

2. From: Monique
thanks for this code!
07/05/2007 17:19:07

3. From: Jason
I cant get it to work at all
07/27/2007 03:13:49