Colorbox coockie tijd toevoegen

Door Rik Engelen op 15-04-2013 09:24 gewijzigd op 15-04-2013 09:25

924 views

Hallo Allemaal,

Ik ben bezig met colorbox en wil eigenlijk mijn code maar 1x in de 30 dagen laten zien aan een bezoeker.
op de 1 of andere mannier werkt het niet wat ik heb en kan het niet vinden wat ik fout doe:
Zonder de coockie code werkt het perfect.
Misschien dat ik ook wel de verkeerder jquery versie gebruik 1.8.3. maar met deze werkt de onload functie.


<link rel="stylesheet" href="../css/colorbox.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="*********/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript"> 

if (document.cookie.indexOf('visited=true') === -1) {
    var expires = new Date();
    expires.setDate(expires.getDate()+30);
    document.cookie = "visited=true; expires="+expires.toUTCString();
    $.colorbox({html:"Welcome!"});
}

$(document).ready(function(){	
		$.colorbox({href:"*********/popup_volg_ons.html", open:true});
	});  
</script>

Kris Peeters

16-04-2013 12:25

Ik weet niet wat je precies van plan bent (nooit gehoord van $.colorbox).

nu ja ... probeer dit eens.
Download de cookie plugin, op https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js
Dan werk je gemakkelijker met cookies


<!doctype html>
<html>
  <head>
    <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
    <script type="text/javascript" src="jquery.cookie.js"></script>
    <script>
      /**
       - Download (copy/paste de code...) de cookie plugin, op https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js
       - controleer de paden van de bestanden...
      */
      $(document).ready(function() {
        // na het laden van de pagina
        if($.cookie('visited') != 'true') {
          // coockie bestond nog niet, en zal worden aangemaakt
          // hier wordt de functionaliteit uitgevoerd
          $.cookie('visited', 'true', { expires: 30 });
          $.colorbox({html: "Welcome!"});
          $.colorbox({href: "popup_volg_ons.html", open: true});
        }
        else {
          // coockie bestaat al, dus laten we de colorbox niet zien
          // doe hier eventueel nog iets
          $('#test').html('Cookie aanwezig, colorbox wordt niet getoond');
        }
      });
    </script>
  </head>
  <body>
    <div id="test"></div>
    <button onclick="$.cookie('visited', 'false')">Reset cookie</button>
  </body>
</html>

Reageren

Inloggen om te reageren