Search jQuery

jQuery Forum

How can I set a cookie value when a user leave the page?

in Using jQuery • 8 years ago

I have a seconds counter in my page and I want to keep the counter when a user jump between pages. So I though I can save the total seconds in cookies variable when the user leave the page and then retrieve it when ever they come back to the page.

this is what I have currently but I want to trigger this even when the user navigate out the active page

var currentCount = $.jCookie('callTimer');

$.jCookie('callTimer', Number(currentCount) + 1000 );

}, 1000);

also how can I check if the cookies is not yet set?

Thanks

Replies(6)

kbwood.au

Re: How can I set a cookie value when a user leave the page?

8 years ago

You could try adding focus and blur handlers for the window:

$(window).focus(function() {
// Read cookie
}).blur(function() {
// Save cookie
});

malhayek

Re: How can I set a cookie value when a user leave the page?

8 years ago

thank you kbwood,

I have tried this code but it is not working

var currentCount = 0;

$(window).focus(function() {

if($.jCookie('callTimer') != null) {

currentCount = Number($.jCookie('callTimer'));

}

}).blur(function() {

$.jCookie('callTimer', $('#timer').val() );

});

it seems that the cookies are being set correctly but the variable currentCount is always returning 0.

Where could be my problem?

thanks

kbwood.au

Re: How can I set a cookie value when a user leave the page?

8 years ago

Can you provide the URL of a page that demonstrates the problem?

malhayek

Re: How can I set a cookie value when a user leave the page?

8 years ago

Thanks for ur reply

The page is on a private network it can't be accessed from out side :(

I can replicate the page for u or I can post the whole code here.

Please advise

Thanks

malhayek

Re: How can I set a cookie value when a user leave the page?

8 years ago

Okay I have narrowed down the problem.

The problem is that the value does not get set when the page is unloaded.

Here is what I have done.

the reason why you see php code there is because i could not get it to work with jQuery.

Anyway, when I try to reset the value of the cookies in a different page it does not work but it works on the first page main.php my landing page I have a viable counter and it is set to the cookies value if the cookie exists but if it does not exist then start at 0.

when the user navigate away from main.php to tab1.php the value of the counter is stored in the cookies no problem. (assume that they spend 15 seconds on main.php)

in my tab1.php page I have the same counter and code but it is invisible counter. (assuming the user spent 10 seconds at tab1.php)

When the user navigate back to main.php page the counter startsat 15 seconds and not at 25 which is should.

So the second tab does not store the cookie that it is already created. cookies can be re-set by a different page from the one which was created, right?

$(window).on('unload', function() {
$.jCookie('callTimer', $('#timer').val() );
//console.log('unload ' + $.jCookie('callTimer'));
});
$('#timer').runner(
{
autostart: true,
milliseconds: false,
startAt: <?php if( isset($_COOKIE['callTimer'])) echo convertTimeToSeconds($_COOKIE['callTimer']) * 1000; else echo 0; ?>
}
);