Question

I am using jQmodal plugin , to show pop up window, welcome to site.

But the issue is every time page refresh window pop-up.

Here is my code http://jsbin.com/atoqe5/3/edit

I think it can be done using Cookies, but not much Idea how to use that. 🙁

Thanks!

Answer 1

You could set a cookie with JavaScript and set it to true when it’s opened for the first time.

These are just helper functions for setting and getting cookie values, more info about setting and getting cookie values.

function setCookie(name, value, daysToLive) {
    var expirationDate = new Date();
    expirationDate.setDate(expirationDate.getDate() + daysToLive);
    document.cookie = name + '=' + escape(value) + ((daysToLive == null) ? '' : '; expires=' + expirationDate.toUTCString());
}

function getCookie(name) {
    var cookies=document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
        if (cookies[i].substr(0, cookies[i].indexOf('=')).replace(/^\s+|\s+$/g, '') == name) {
            return unescape(cookies[i].substr(cookies[i].indexOf('=') + 1));
        }
    }
}

Prevent the modal from opening if the value is set:

$(function() {
    if (!getCookie('modalOpened')) {
        // Put your code to open the model here...

        // Set value to true to prevent the modal from opening again 
        setCookie('modalOpened', true);
    }
});