Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@kemiller2002

kemiller2002/ShowOnlyOnceUsingCookie.html

Created August 10, 2016 16:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kemiller2002/658e69a899e874e01026ba05f83f7454 to your computer and use it in GitHub Desktop.
Save kemiller2002/658e69a899e874e01026ba05f83f7454 to your computer and use it in GitHub Desktop.
Download ZIP
shows how to use a cookie to display only once. There is an extra else statement to remove it for testing.
Raw
ShowOnlyOnceUsingCookie.html
<html>
<body>
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<div class="overlay-bg" style="display:none">
<div class="overlay-inner">
<h2>To explore more simply...</h2>
<div class="col-xs-4">
<p>Drag</p>
<!--<img src="AW16/pages/AW16_Lookbook_Timeoutmessage_03_02_new.gif?$staticlink$"
alt="Hit List" height="85" width="80">-->
</div>
<div class="col-xs-4 middle-col">
<p>or</p>
</div>
<div class="col-xs-4">
<p>Use arrow</p>
<!--<img src="AW16/pages/AW16_Lookbook_Timeoutmessage_05_02_new.gif?$staticlink$"
alt="Hit List" height="85" width="123">-->
</div>
<a class="close-btn-new">CLOSE</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
// function to show our popups
function showPopup(whichpopup){
if (document.cookie.replace(/(?:(?:^|.*;\s*)doSomethingOnlyOnce\s*\=\s*([^;]*).*$)|^.*$/, "$1") !== "true") {
$('.overlay-bg').show(); //display your popup background and set height to the page height
document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";
console.log("cookie not found.");
}
else{
console.log("cookie found.")
document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 2011 23:59:59 GMT";
}
}
// function to close our popups
function closePopup(){
$('.overlay-bg').hide(); //hide the overlay
}
// hide popup when user clicks on close button or if user clicks anywhere outside the container
$('.close-btn-new, .overlay-bg').click(function(){
closePopup();
});
showPopup(null);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment