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");
}

Komentáře

Vaše reakce na JavaScript - js modal pop up window session onload page

Související obsah

programovani

javascript

dom

html

element

jquery

Reference

Podívejte se na naše reference

Prohlédnout

Aplikace

Podívejte se na naše aplikace

Prohlédnout

Co umíme?

Podívejte se co umíme

Prohlédnout

Co umíme?

Vytváříme sofistikované aplikace pro náročné

Od webových aplikací přes android až po převodové můstky či složité informační systémy.

Podívejte se k nám

Máte ještě čas? Podívejte se na další rubriky

Tento web používá soubory cookie. Dalším procházením tohoto webu vyjadřujete souhlas s jejich používáním.. Více informací zde.