<script language="JavaScript" src="cookies.js">
</script>

inside the head element. You also have to add

onLoad='retrieve_field(document.formname.fieldname);
retrieve_field(document.formname.fieldname);...'

to the body element and enter the fields that you want to be retrieved by replacing 'this.formname.fieldname' with the appropriate fields. Saving and retrieving data is extremely simplified by two functions, save_field() and retrieve_field(), which you can use without having to get into the gory and technical details of the actual data handling.

If you would like a certain field to be saved all you have to do is add

save_field(this);

to any event handler in an input element. For example:

<input type="text" name="username" onChange="save_field(this)">

To save a field on form submit you can simply add

save_field(this.fieldname);save_field(this.fieldname2);...

to the onSubmit handler of the form.

    That's all there is too it if you don't want to get into the details of how the JavaScript actually saves and retrieves the cookie. You can view a simple example of a page using this at example.htm, and you'll also need cookies.js. Don't forget you must put both files in the same directory or change the src property when loading the JavaScript.

    Now its time to get into the details. If you are squeamish and don't want to or need to know how the JavaScript actually does the work, I suggest you leave off here. However, if you have the guts to face understanding the JavaScript then...