DARKBOX

[ back ]

a simple lightbox that utilizes local storage to make sure that it never shows up again (until cookies are cleared) after the user clicks on the button.

you can put this on every single page to make sure that your viewers absolutely see your warning.

you can also add a class in your style to modify the button css if you'd like, but i didn't include it for simplicity's sake.

HTML

put this in your <body> or it won't work.

JAVASCRIPT

edit lightBoxCss and lightBoxHtml to your liking.

CLEARING LOCAL STORAGE

to test this, it's as simple as Inspect, go to Console, then type in localStorage.clear(); then Run the script.