wir
12/21/2015 - 5:49 PM

Create an auto open popin which display only once time Dependencies ========== * jQuery 1.8.x * fancybox 2.1.4 * jcookies http://sc

Create an auto open popin which display only once time

Dependencies

popin-cookie.html
content_copyfile_download
<html>
    <head>
	<title>Auto Open Popin Once</title>
        <link href="jquery.fancybox.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <h1>Popin without user click request</h1>
        <a href="#popin-new-site" class="fancybox-popin" data-fancybox-type="inline">Click here to open popin</a>
        
        <div style="display: none;">
            <a href="#popin-new-site" id="popin-open" class="fancybox-popin" data-fancybox-type="inline">Open Popin</a>
            <div id="popin-new-site">
                test
            </div>
        </div>
	<script src="jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="jquery.fancybox-2.1.4.pack.js" type="text/javascript"></script>
        <script src="jcookies.js" type="text/javascript"></script>
        <script src="main.js" type="text/javascript"></script>
    </body>
</html>
auto-popin-once.js
content_copyfile_download
(function ($, cookies, d, w, __undefined) {
    $(document).ready(function() {
        $('.fancybox-popin').fancybox();
        if(cookies({ get : "site-visited" }) != "true"){
            cookies({
                name:"site-visited",
                value:"true",
                minutes : 43200
            });
            $("#popin-open").trigger('click');
        }
    });
})(jQuery, jQuery.jCookies, document, window);