Load the jQuery script only in the absence of cookies

Question

Load the jQuery script only in the absence of cookies

Hey there! I have a cool fade out effect on a website I'm working on. When you go to the site, a div containing the title of the site appears and then fades away after a while. It's pretty simple yet effective.

<div class="loader"><h1><?php bloginfo('name'); ?> <?php wp_title(); ?></h1></div>

$(window).load(function() {
    $('.loader').delay(2000).fadeOut();
});

I'm trying to figure out how to make sure this div and jQuery only show or run if the user is visiting the site for the first time or has cleared their cache/cookies. Any suggestions? I was thinking about using cookies.js but it seems to be still in development.

Cheers, R

jquery css cookies

Answer 1

Answer №1

    <?php if(!isset($_COOKIE['visited'])) { ?>

      <div class="loader"><h1><?php bloginfo('name'); ?> <?php wp_title(); ?></h1></div>

      <script type="text/javascript">
        $(window).load(function() {
        $('.loader').delay(2000).fadeOut();
        });
      </script>

    <?php 
     setcookie ("visited", "", time() + 31536000,"/");
} ?>

Answer 2

    <?php if(!isset($_COOKIE['visited'])) { ?>

      <div class="loader"><h1><?php bloginfo('name'); ?> <?php wp_title(); ?></h1></div>

      <script type="text/javascript">
        $(window).load(function() {
        $('.loader').delay(2000).fadeOut();
        });
      </script>

    <?php 
     setcookie ("visited", "", time() + 31536000,"/");
} ?>

Load the jQuery script only in the absence of cookies

Answer №1

Similar questions

Utilizing Codeigniter Ajax to return multiple rows in an ajax call, implementing two conditions (AND) in the SELECT query within the model file

The background image in CSS fails to display when a relative path is utilized

Using jQuery's .html() method will remove the selected attribute from the dropdown menu option

Show more/less of the text snippet and main body of information

Click the navigation bar to toggle it on and off

Utilizing AJAX to showcase individual PHP files

Prevent Image Distortion in HTML and CSS

Generate rows based on the quantity of items in Django templates

A timer created using jQuery and JavaScript

Creating a process to produce a random number and send it directly to an automated email

What is the best way to invoke a Javascript function within the same file using PHP?

Resetting radio buttons in Firefox when the cache is refreshed

Tips for creating a hover effect on an icon within a CSS grid

Creating an Android application that integrates HTML styling efficiently

Ensure the filelist resets each time the bootstrap-modal is hidden or closed

Prevent the bottom row from being sorted

Errors and disruptions caused by SmoothScroll, ScrollMagic, and GSAP triggering glitches, jumps, and crashes

How to Resolve File Paths in CSS Using Angular 7 CLI

The Facebook share button on my website is malfunctioning

Using jQuery AJAX to Transfer Data to a PHP Script