Permalänk
Medlem

localStorage html app jquery

Hej!
Jag har två html filer, i index.html har jag ett kort där jag vill att när man klickar på kortet så ska det fadeOut och samtidigt ska det fadeIn i den andra html filen.
Det jag inte förstår är hur jag ska spara det i localStorage har testat massor men hittar inte lösningen.
Det funkar om jag bara vill åt fadeOut functionen men inte båda två.

("#section .card-1").click(function(){ if(localStorage.getItem("#section .card-1")){ $("#section .card-1")fadeOut(); $("#content .card-1").load("mission.html", "#content .card-1").fadeIn(); } localStorage.setItem("hur ska jag spara det i localStorage") });

Väldigt tacksam för hjälp!

Visa signatur

Asus P8P67 B3, Asus GTX 660, A-data 8GB minne 1600mhz, Intel 2600K, Samsung ssd 830 256gb
sidewinder 4, Corsair ax 850, Samsung galaxy s4 snart, Windows 8.

Permalänk
Medlem
Skrivet av speedway:

Hej!
Jag har två html filer, i index.html har jag ett kort där jag vill att när man klickar på kortet så ska det fadeOut och samtidigt ska det fadeIn i den andra html filen.
Det jag inte förstår är hur jag ska spara det i localStorage har testat massor men hittar inte lösningen.
Det funkar om jag bara vill åt fadeOut functionen men inte båda två.

("#section .card-1").click(function(){ if(localStorage.getItem("#section .card-1")){ $("#section .card-1")fadeOut(); $("#content .card-1").load("mission.html", "#content .card-1").fadeIn(); } localStorage.setItem("hur ska jag spara det i localStorage") });

Väldigt tacksam för hjälp!

localStorage är en key-value storage.
Detta betyder att man lagrar något på en position med en nyckel. Sen kan man hämta innehållet på positionen med nyckeln.

https://developer.mozilla.org/en-US/docs/Web/API/Window/local...

localStorage är något som existerar i den nuvarande contexten/sessionen för browsern på sidan. Jag rekommenderar att du sparar undan det viktiga som beskriver kortet snarare än hela DOM-trädet för kortet.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Permalänk
Medlem
Skrivet av Leedow:

localStorage är en key-value storage.
Detta betyder att man lagrar något på en position med en nyckel. Sen kan man hämta innehållet på positionen med nyckeln.

https://developer.mozilla.org/en-US/docs/Web/API/Window/local...

localStorage är något som existerar i den nuvarande contexten/sessionen för browsern på sidan. Jag rekommenderar att du sparar undan det viktiga som beskriver kortet snarare än hela DOM-trädet för kortet.

Tack för ditt svar
Ok så du menar att om jag vill att kortet som ska fadeOut så borde jag använda .css("display", "none"); ? istället för klassen eller id.?
Då är det väl bäst att spara det man vill komma åt alltså klassen i en variabel? var fade = $(".card-1").val ?

Visa signatur

Asus P8P67 B3, Asus GTX 660, A-data 8GB minne 1600mhz, Intel 2600K, Samsung ssd 830 256gb
sidewinder 4, Corsair ax 850, Samsung galaxy s4 snart, Windows 8.