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.

put anything you want here.
when the viewer clicks the button below, refreshing the page will not make it show up again until local storage for this domain is reset.