Comutarea element in localStorage
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
Marius
- Mesaje: 60
Comutarea element in localStorage
Vreau să creez o funcție de comutare pentru LocalStorage unde sa se retină alegerea utilizatorului.
Vreau să încarce preferința curentă la încărcarea paginii, dacă a fost făcută una, și apoi să poata comuta alta starea prin clic pe un buton.
Codul meu este mai jos, dar nu funcționează.
Cod: Selectaţi tot
// ON PAGE LOAD, IF USER PREFERS DARK, ADD DARK CLASS TO HTML
if (window.localStorage.getItem('preferDark')) {
$('html').toggleClass('dark');
}
// TOGGLE STATE ON CLICK
$('.wrapper').click(function(){
if (window.localStorage.getItem('preferDark', true)) {
window.localStorage.setItem('preferDark', false);
} else {
window.localStorage.setItem('preferDark', true);
}
$('html').toggleClass('dark');
});
MarPlo
Mesaje: 4343
Nu poți sa păstrezi valori tip boolean în localStorage. De aceea ai eroare. Încerca să folosesti, de exemplu, 0 pentru False și 1 pentru True.
Inca ceva: localStorage nu poate păstra valori tip numar - poti sa adaugi ca numar sau boolean, dar va fi convertit în șir.
Incearca asta:
Cod: Selectaţi tot
if (+ window.localStorage.getItem('preferDark')) {
$('html').toggleClass('dark');
}
$('.wrapper').click(function () {
if (+ window.localStorage.getItem('preferDark')) {
window.localStorage.setItem('preferDark', 0);
}
else {
window.localStorage.setItem('preferDark', 1);
}
$('html').toggleClass('dark');
});
Observatie: Se foloseste semnul + înainte de a obține valoare de la localStorage pentru a o converti în Număr.
Subiecte similare
-
adaugare element nou intr-un array de obiecte
PHP - MySQL - XML
Primul mesaj
Salutare,
Am un array de obiecte sub forma aceasta:
$sql =
si un aray de forma aceasta:
$tipuri =
Cum pot adauga in primul array inca...
Ultimul mesaj
primesc o eroare pe linia json_decode($sql, true); , eroare este: json_decode() expects parameter 1 to be string, array given
Am rezolvat problema...
-
Gasire element in array si adaugare ca prim index
JavaScript - jQuery - Ajax
Primul mesaj
Se presupune urmatorul array cu persoane:
const arr =
Vreau sa caut un anume 'name' in acel array, iar daca exista sa fie pus la inceput, cu...
Ultimul mesaj
Poti sa sortezi array-ul cu metoda sort() .
Codul urmator muta in fata (la inceput) toate obiectele cu proprietatea 'name'.
const arr = ;
let...
-
Ascunde element daca in data e un anumit text
HTML - XHTML - CSS
Primul mesaj
Se pot ascunde elemente HTML daca in atributul 'data-' e o anumita bucata de text?
De exemplu: Ascunde Div-urile care contin -en .
<div...
Ultimul mesaj
Se poate face cu CSS sau cu Javascript.
CSS:
/* with specified elements */
div {
display: none;
}
/* or global */
{
display: none;
}
Si...