Local Storage, salvare un elemento.

**miticobeppe** · 15-10-2014, 20:44

Ciao ragazzi, datemi una mano per favore, perché non so sa dove iniziare. Ho modificato questo codice a mio piacimento. Una volta cliccato il box, il testo interno cambia. Fin qui ok. Ma voglio che quando un utente clicca sul box e il testo cambia, la volta dopo che torna, ritrovi il box come l'ha lasciato. Cioè con il testo diverso da quello originale. E se sapete anche come fare, la modalita inversa per farlo tornare al punto di partenza, quindi l'utente ha la possibilità di eliminare l'elemento dai "preferiti"..

Grazie!

codice:

<!DOCTYPE html>
<html>


<div style="background-color:#D94A38;width:170px;height:50px;margin:0px;padding-top:8px;color:#ffffff;font-weight:bold;font-size:18px;float:left;-webkit-border-radius: 6px 6px 6px 6px !important;border-radius: 7px 7px 7px 7px !important;text-align:center;" onclick="clickMeEvent(this)">Aggiungi prodotto ai preferiti</div>


<script type="application/javascript">
	<!--
	function clickMeEvent(obj)
	{
	if (obj.innerHTML=="Goodbye")
		{
		obj.style.display="none";
		}


	else if (obj.innerHTML=="Aggiungi prodotto ai preferiti")
		{
		obj.innerHTML="Il prodotto è nei tuoi preferiti";		
		}
	else if (obj.innerHTML=="Aggiungi prodotto ai preferiti")
		{
		
		}
	}
	//-->
	</script>
</html>

**Vincent.Zeno** · 15-10-2014, 21:40

http://www.w3schools.com/html/html5_webstorage.asp

sposto in html5

**miticobeppe** · 16-10-2014, 15:21

Originariamente inviata da Vincent.Zeno

http://www.w3schools.com/html/html5_webstorage.asp

sposto in html5

Avevo già guardato la guida, ma non ci salto fuori...aiuti?

**tampertools** · 16-10-2014, 19:19

Prova a guardare anche questa guida:
http://www.html.it/pag/19298/webstorage-api/

Se non risolvi, posta almento un esempio di codice non funzionante

**miticobeppe** · 16-10-2014, 22:03

Originariamente inviata da tampertools

Prova a guardare anche questa guida:
http://www.html.it/pag/19298/webstorage-api/

Se non risolvi, posta almento un esempio di codice non funzionante

Il codice è sopra, io non so come inserire il local storage, per quello che voglio fare..Non so da dove iniziare..Quindi non riesco a postare nulla!

**Tonenge** · 23-10-2014, 21:52

Ciao miticobeppe!
ho riscritto un po' il tuo codice pensando alla necessità di salvare più prodotti...
Come vedi ci sono le funzioni (Set,Get) che scrivono nel localstorage uno stato "0" oppure "1" a cui corrisponde il primo o il secondo messaggio del bottone.

Spero di non aver frainteso lo scopo del problema.

Saluti.

<!DOCTYPE>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>prodotto in localstorage</title>
<style>

.btn_prodotti {
position:absolute;
left:20px;top:20px;
width:170px;height:50px;
padding-top:8px;
color:#ffffff;
font:bold 16px Arial;
border-radius:6px;
text-align:center;
cursor

ointer;
}

</style>
<script>

LStore={

key:"prodotto",
Msg:["Aggiungi prodotto ai preferiti", "Il prodotto è nei tuoi preferiti"],

View:function(i){
with(LStore){
if(Get(key+i)==null) Set(key+i,"0");
var v=Get(key+i);
var j=document.getElementById("id_prodotto"+i)
j.style.backgroundColor=(v=="1")?"#040":"#D94A38";
j.innerHTML=Msg[v];
}},

Change:function(i){
with(LStore){
var status=Get(key+i);
status=(status=="0")?"1":"0";
Set(key+i,status);
View(i);
}},

Set:function(key,val){
try { localStorage.setItem(key,val); } catch (e){ return false; }
return true;
},

Get:function(key){
var l=null;
try { l=localStorage.getItem(key); } catch (e){}
return l;
}

}

</script>
</head>
<body onload='LStore.View(1); LStore.View(2);'>

<div id='id_prodotto1' class='btn_prodotti' onclick="LStore.Change(1)"></div>

<div id='id_prodotto2' class='btn_prodotti' onclick="LStore.Change(2)" style='top:100px;'></div>

</body>
</html>

Discussione: Local Storage, salvare un elemento.

Strumenti discussione

Ricerca discussione

Visualizza

Local Storage, salvare un elemento.

Permessi di invio