How to set cookie to the visitor so pop only gets shown once ?

poseidon · 09-29-2007, 01:28 AM

I am working on a popup script which gets shown when the user leaves the page. The problem is, the user keep on getting shown that page whenever he leaves page Everytime which I dont' want.

I just want the pop up to be shown to the first time visitor only. That's it. This can be easily done with PHP but I am just wondering what's the best way of doing it ? Is putting such cookie function on footer file a good idea, since it will called everytime when the page gets load, increasing the loadtime of the page ?

Cheers

Costin Trifan · 09-29-2007, 06:48 PM

I knew I had a script for this!

Here it is:

The javascript file:

Code:

var expDays = 1; // number of days the cookie should last
var page = "http://www.google.com"; // URL to the pop-up
var windowprops = "width=600,height=300,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=no"; // popup window features

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(name)
{ 
    var exp = new Date(); 
        exp.setTime (exp.getTime() - 1); 
    var cval = GetCookie (name); 
    document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

var exp = new Date(); 
    exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function amt()
{
    var count = GetCookie('count')
    if(count == null)
    {
        SetCookie('count', '1');
        return 1;
    }
    else
    {
        var newcount = parseInt(count) + 1;
        DeleteCookie('count');
        SetCookie('count', newcount,exp);
        return count;
    }
}

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

function checkCount()
{
    var count = GetCookie('count');
    if (count == null)
    {
        count=1;
        SetCookie('count', count, exp);
        window.open(page, "", windowprops);
    }
    else
    {
        count++;
        SetCookie('count', count, exp);
    }
}

window.onunload = checkCount;

the HTML file:

Code:

<head>
    <title>Test Page</title>
    <script src="cookie_test.js" type="text/javascript"></script>
</head>
<body>

</body>

Hope you like it!