Loading welcome animation only once jquery/php

Question

In my site i have a welcome animation (created with jquery) which runs when any one opens my website (www.mysite.com). Then the same user going to anther page in my site for example www.mysite.com/about then click back to home (www.mysite.com) the animation again shows up. How can i restrict this ?

Share some logic like putting a session or settimeout or something like that.

Consider using a cookie to save the info if animation has been run or not. — Arvind Bhardwaj, Jan 03 '13 at 07:17
I am usually closing a tab immediately once seeing such a "welcome". — Your Common Sense, Jan 03 '13 at 07:18
Jithesh, I was looking at this smaller version of your profile picture... and for a good few seconds, I thought you had a hole in your cheek. It's early in the morning... — Joonas, Jan 03 '13 at 08:02

score 1 · Answer 1 · edited Jan 03 '13 at 07:45

1

You can set cookie either on server side or either client side And check whether the cookie is set or not if cookie is set then dont show welcome box otherwise show the welcome box...

In php you can set session cookie using setcookie function please see below link:-

http://php.net/manual/en/function.setcookie.php

edited Jan 03 '13 at 07:45

bipen

36,319
9
49
62

answered Jan 03 '13 at 07:40

THE ONLY ONE

2,110
1
12
6

score 1 · Answer 2 · edited May 23 '17 at 12:12

1

See the following link for information on how to setup cookies using JQuery: How do I set/unset cookie with jQuery?

Everytime you load the homepage, you can check if the cookie is set using an if-statement. If the cookie is not set, run the animation.

Within the animation-script; make sure that you set the cookie so that the script won't run again while the cookie is active.

edited May 23 '17 at 12:12

Community

1
1

answered Jan 03 '13 at 07:43

ZeroZipZilch

711
9
27

score 1 · Accepted Answer · answered Jan 03 '13 at 08:23

This is how you could do it using jquery cookie plugin:

http://jsfiddle.net/lollero/2nYBV/ ( or http://jsfiddle.net/lollero/2nYBV/show/ )

^{You might want to change the way cookie expires. That info can be found in the plugin page. The way I did it, it expires after every browser session.}

jQuery:

_{You could just as easily reverse this to hide, if the cookie is set. 1. Set cookie 2. if statement to trigger hide, if cookie is set.}

// If "welcome" cookie is not set...
if ( $.cookie('welcome') === null ) {
    // Show welcome text.
    $('#welcome').show();
    // Set the "welcome" cookie, so that the 
    // welcome text will not be shown after this.
    $.cookie('welcome', true );
}

CSS:

#welcome { 
    display: none; 
}

HTML:

<div id="welcome">Welcome</div>

score 0 · Answer 4 · answered Jan 03 '13 at 07:48

0

Place timer with flag then redirect to main page in your site.

 setTimeout(function() {window.location.href = "/NewPage.php";}, 2000);

answered Jan 03 '13 at 07:48

AbuQauod

919
14
30

score 0 · Answer 5 · answered Jan 03 '13 at 07:49

0

You can use a session to handle this. An example:

<?php
$_SESSION['new'] = true;
?>

answered Jan 03 '13 at 07:49

Licson

2,231
18
26

score 0 · Answer 6 · answered Jan 03 '13 at 07:52

0

At first visit main page - define a flag in cookies, and at each visit of page check this flag

answered Jan 03 '13 at 07:52

iurii_n

1,330
10
17

Loading welcome animation only once jquery/php

6 Answers6

Linked