Read Write Cookies

[Total: 0    Average: 0/5]

This will set and read a cookie.

Head Code:

<SCRIPT>
<!--Activate Cloaking

function getCookieVal (offset) 
   {
   var endstr = document.cookie.indexOf (";", offset);
   if (endstr == -1)
      endstr = document.cookie.length;
   return unescape(document.cookie.substring(offset, endstr));
   }

function GetCookie (name) 
   {
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen) 
      {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
         return getCookieVal (j);
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0) break; 
      }
   return null;
   }

function SetCookie (name, value) 
   {
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape (value) +
        ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
        ((path == null) ? "" : ("; path=" + path)) +
        ((domain == null) ? "" : ("; domain=" + domain)) +
        ((secure == true) ? "; secure" : "");
   }

function DeleteCookie () 
   {
   var exp = new Date();
   exp.setTime (exp.getTime() - 1000000000);  // This cookie is history (changed -1 to make it previous time)
   var cval = GetCookie ('DemoName');
   document.cookie ='DemoName' + "=" + cval + "; expires=" + exp.toGMTString();
   alert("The cookie has been deleted.");
   }
//Deactivate Cloaking-->
</SCRIPT>

<SCRIPT>
<!--Activate Cloaking
// Can be used to display name on loading of page.
// Requires onLoad in BODY statement
//function DisplayNameOnStartUp()
//   {
//   if(GetCookie('DemoName') != null)
//      {
//      alert("Welcome back "+GetCookie('DemoName'));
//      }
//   }

// Alert box for Test Cookie
function DisplayName()
   {
   if(GetCookie('DemoName') != null)
      alert("Welcome back "+GetCookie('DemoName'));
   else
      alert("You must set the cookie first.");
   }

// Clears text box after setting cookie
function SetTheCookie()
   {
   if(document.forms[0].elements[0].value.length != 0)  
      {
      var expdate = new Date (); 
      expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365)); 
      SetCookie('DemoName', document.forms[0].elements[0].value, expdate);  
      alert('Cookie has been set to ' + document.forms[0].elements[0].value + '.');
      document.forms[0].elements[0].value = " ";      
      return false;
      } 
   else 
      {
      alert('You must sign-in first.');
      return false;
      }
   }

// Alert box with instructions for signing-in
function Help()
   {
   alert("INSTRUCTIONS"+"n"+"n"+"Step 1  Sign-in in the text box."+"n"+"n"+"Step 2  Click on Set The Cookie."+"n"+"n"+"Step 3  Click on Test The Cookie."+"n"+"n"+"Step 4  Reload page twice."+"n"+"n"+"Delete Cookie expires cookie.");
   }

// Alert box to explain viewing the source
//Deactivate Cloaking-->
</SCRIPT>

Body Code:

<CENTER><STRONG><EM>

<FORM >
<CENTER>
<STRONG>Sign In Here:</STRONG>
<BR> 
<INPUT TYPE="text" NAME="name" SIZE=40>
</CENTER>
<BR>
<CENTER>
<INPUT TYPE="button" VALUE="Set The Cookie" onClick="SetTheCookie()">--
<INPUT TYPE="button" VALUE="Test The Cookie"  onClick="DisplayName()"><BR><BR>
<INPUT TYPE="button" VALUE="Delete   Cookie" onClick="DeleteCookie ()">-- 
<INPUT TYPE="button" VALUE="INSTRUCTIONS" onClick="Help ()">
</FORM>
</CENTER>

Times Viewed: 3

Leave a Reply

Your email address will not be published. Required fields are marked *