JavaScript - js modal pop up window session onload page

JavaScript - js modal pop up window session onload page

Zdravím, potřeboval bych na mé stránky s citlivou tématikou udělat při prvotním otevření pop up okno (modal), kdy musí uživatel odsouhlasit, že je zletilý (18 let +). Používám na webu bootstrap + jQuery. Problematika je o to složitější, že pochopitelně potřebuji nějak přes javascript uložit přes session volbu, co uživatel zvolí, aby mu ten modal nevyskakoval pořád dokola. Co jsem se díval na netu, tak nikde není přesně to co potřebuji. Díky

ODPOVĚĎ


Ahoj,



následující řešení umí toto:



  • po prvotním otevření HTML stránky vyskočí po načtení (onload) pomocí javascriptu okno, kde je nutné odsouhlasit věk (zletilost)

  • při zamítnutí se web nezobrazí - přesměruje to na localhost

  • při odsouhlasení se uloží stav souhlasu do session, takže to nevyskakuje pořád dokola

  • pomocí data-keyboard="false" + data-backdrop="static" se zamezí zavření modal okna pomocí klávesnice či kliknutím mimo modal okno






HTML + Bootstrap modal (pop up okno)








JavaScript



let agree = sessionStorage.getItem("YOAgreement");
if (agree != "yes") {
$(document).ready(function () {
$('#ageAgreement').modal('show');
});
} else {
}
function yes() {
sessionStorage.setItem("YOAgreement", "yes");
}
Jak se ti článek líbil?

Komentáře (0)

Přidat komentář