2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Fototrend

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #8280 Taci addikt
    Új Válasz #8280
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    Taci

    addikt

    A sötét mód váltásához állítottam most be egy változót local storage-ban, hogy ha már korábban átváltott a felhasználó, akkor az oldal eleve sötét módban induljon.

    Maga a váltás így van megoldva, ez van triggerelve a dark mode ikonra való kattintáskor is:
    document.body.classList.toggle("dark-theme");

    Ezt pedig csak így tudtam megcsinálni, hogy local storage-ból kiolvasva a változó értékét beállítsa a sötét témát:

    <body onload="onLoadBody();">

    function onLoadBody(){
        const DARKMODE = "darkMode";
        const storedDarkModeEnabledState = localStorage.getItem(DARKMODE);

        if (storedDarkModeEnabledState == 1){
            document.body.classList.toggle("dark-theme");
        }
    }

    Viszont így egy pillanatra betöltéskor még az alap, világos téma látszódik, kvázi bevillan, és csak utána tölt be a sötét.

    Hogyan tudnám megoldani, hogy egyből a sötéttel indítson?
    Korábbra már nem tudom tenni a hívást, hiszen ott még nincs body.

Új hozzászólás Aktív témák