WilRose HTML Tutorial, Learn HTML on line for free!

Cookies in JavaScript

This site designed with Coffee Cup HTML Editor ++ ver. 6.2

HTML Tutorial

JavaScript Examples

Rollovers

MouseDown

JS Clock

CountDown

Status Window

Status Window 2

Random Image

JS Cookies

Background Changer

Scrolling Banner

Members Area

Special Effects using JavaScript
Use Cookies for customized greetings

Enter your Name:

Note the greeting above and the form. Enter your name and click "Register".
A cookie is a piece of information placed on your system that can be used to identify you from previous visits. Though they are somewhat controversial, for the most part cookies really are harmless. With this cookie, all it does is identify you by name only if you input your name. If you don't you won't get the cookie. This particular cookie expires after 1 year from the date of your last visit. If at any time for the year you come back to this site you will automatically get the "customized, personalized" greeting.
*NOTE: If this appears not to work for you, then you have "Cookies Disabled"
in your Browser's preferences.

How it works: This is a 3 part script.

The first part of the script resides between the <HEAD> and the </HEAD> tags. It first sets the cooky's values. For example, it gets today's date in case you hit "Register" and get the cookie, and it checks to see if this cookie already exists on your system. If so it gets the cookie, updates it with the new date and resets the expiration date for another year.

The second part is within the "BODY" of the web page, if Part 1 of the script has found a previous visit cookie on your system then the web page displays the personalized "Welcome Back, Your Name" greeting. If no cookie exists it displays the generic "Welcome to Cookies in JavaScript" greeting.

The third part that makes it work is the "<FORM>". Part 1 has already set the cookie's value so should you fill out the form with your name, you get the cookie and the personalized greeting for one year. Don't fill out the form and the script does absolutely nothing. You get no cookie.

It is possible to get cookies without filling out the form. But I wouldn't do that to you on my site.

The script looks like this:

<HTML>

<HEAD>

//Part 1 Sets Cookie Values
//

function setCookie(name, value, expire){

document.cookie=name + "=" + escape(value)

+ ((expire==null) ? "" : ("; expires=" + expire.toGMTString( )))

}

function getCookie(Name) {

var search=Name + "="

if (document.cookie.length>0){

// if cookie exits display personalized greeting

offset=document.cookie.indexOf(search)

if (offset!=-1) {

offset +=search.length

// set index of beginning of value

end=document.cookie.indexOf(";",offset)

// set index of end of cookie value

if (end==-1)

end=document.cookie.length

return unescape(document.cookie.substring(offset, end))

}

function register(name) {

var today=new Date( )

var expires=new Date( )

expires.setTime(today.getTime( ) + 1000*60*60*24*365)

setCookie("Previous_visit_on", name, expires)

}

</SCRIPT>

</HEAD>

<TITLE>Customized greetings using Cookies in JavaScript</TITLE>

<BODY BGCOLOR=#FFFFFF><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

//Part 2 Gets the cookie if previous visit cookie exists and displays appropriate greeting

var yourname=getCookie("Previous_visit_on")

if (yourname!=null)

document.write("<P> Hello, welcome back ",yourname)

else

document.write("<P>Welcome to Cookies in JavaScript")
       
</SCRIPT>

</CENTER>

</BODY>

<center>

</center>
</HTML>

Recommended Books

Top of Page?