Sandeep's Nook: JavaScript Page

Remember Me Checkbox

This script is for use in forms that require user input; for instance blogs where users have to type their Name and E-mail every time they wish to add their remarks to the blog entries. By adding this script, users will have the option to let their information be remembered so that they would not have to type in their information every time they wish to add their notes. This script uses cookies to store and output the information.

You can check out the script by filling in the form below. After filling in the details and clicking Submit you shall be taken back to the page from where you came to this page. Click the link to this page again. If you did choose the Remember me option, you would see your Name and E-mail already typed in. Users can choose how many days the cookies would last. In the example the cookies would last only for a day. Clicking the Delete Information button would delete the cookies.

Author: Sandeep Gangadharan
Home Page: http://www.sivamdesign.com/home/

The script is given below:

This goes in the HEAD of the html file:

function readCookie(name) {
   var nameSG = name + "=";
   var nuller = '';
  if (document.cookie.indexOf(nameSG) == -1)
    return nuller;

var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
  if (c.indexOf(nameSG) == 0) return c.substring(nameSG.length,c.length); }
    return null; }

function eraseCookie(name) {
  newCookie(name,"",1); }

function toMem(a) {
    newCookie('theName', document.form.name.value);     // add a new cookie as shown at left for every
    newCookie('theEmail', document.form.email.value);   // field you wish to have the script remember
}

function delMem(a) {
  eraseCookie('theName');   // make sure to add the eraseCookie function for every field
  eraseCookie('theEmail');

document.form.name.value = '';   // add a line for every field
   document.form.email.value = ''; }
//-->
</script>

Note the script in the FORM tag:

<form name="form" action=" " method="post" onSubmit="if (this.checker.checked) toMem(this)">

Remember that the Remember me checkbox should be named checker as shown below:

<input type="checkbox" id="checker" name="checker" />

Shown below is the code for the Delete Information button.

<input type="button" onclick="delMem(this)" value="Delete Information" />

This goes in the BODY of the html file and should be added below the form:

Form
Name:
E-mail:
Remember me?: