JavaScript - js modal pop up window session onload page

04.12.2018 napsal Sova dotaz do kategorie programovani
0 /
programovani

JavaScript - js modal pop up window session onload page

Vyřešeno

programovani javascript dom html element jquery

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

11.12.2018 odpověděl Hanz Superuser
[1]
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