JavaScript - js modal pop up window session onload page

04.12.2018 napsal Sova

Vyřešeno
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

RE: JavaScript - js modal pop up…

11.12.2018 odpověděl Hanz

Zkontrolováno

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");
}
 
Tento web používá k poskytování služeb, personalizaci reklam a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tím souhlasíte. Další informace