Ciao scrivo solo per chi magari si era incuriosito un po alla cosa...ce lho fatta!!!!
Ho risolto il problema!!
Vi posto un piccolo esempio di codice cosi possiat farvi un idea..
<html>
<head>
<script>
function salva1() {
localStorage.setItem("pagina", "pagina1");
}
</script>
<script>
function salva2() {
localStorage.setItem("pagina", "pagina2");
}
</script>
<script>
function carica(){
var pagina = localStorage.getItem("pagina");
if(pagina === null){
document.getElementById("nessuno").style.display = "block";
}
else if(pagina === "pagina1"){
document.getElementById("primo").style.display = "block";
}
else if(pagina === "pagina2"){document.getElementById("secondo").style.display="block";}
}
</script>
<script>
function cancella(){
localStorage.clear();}
</script>
<style>
#nessuno{
display:none;
position:absolute;
top:50%;
left50%;
color:red;
font-size:20px;}
</style>
<style>
#primo{
display:none;
position:absolute;
top:75%;
left:25%;
color:darkred;
font-size:30px;}
</style>
<style>
#secondo{
display:none;
position:absolute;
top:75%;
left:75%;
color:darkred;
font-size:30px;}
</style>
<style>
#salva1{
display:block;
position:absolute;
top:25%;
left:25%;
color:darkred;
font-size:30px;}
</style>
<style>
#salva2{
display:block;
position:absolute;
top:25%;
left:75%;
color:darkred;
font-size:30px;}
</style>
<style>
#carica{
display:block;
position:absolute;
top:25%;
left:50%;
color:darkred;
font-size:30px;}
</style>
<style>
#cancella{
display:block;
position:absolute;
top:75%;
left:50%;
color:darkred;
font-size:30px;}
</style>
</head>
<body>
<div id="nessuno">Non hai salvato nessun Div!</div>
<div id="salva1" onclick="salva1()">Salva Primo Div</div>
<div id="carica" onclick="carica()">Clicca per caricare</div>
<div id="cancella" onclick="cancella()">Cancella Salvataggi</div>
<div id="salva2" onclick="salva2()">Salva Secondo Div</div>
<div id="primo">Sono il primo Div! Ciao!</div>
<div id="secondo">Io sono il Secondo Div!! Hy!</div>
</body>
</html>
Come potete notare le funzioni di salvataggio settano un localstorage con la stessa chiave("pagina" in questo caso) e viene modificato il valore della chiave("pagina1","pagina2"), nella funzione per il caricamento si confronta con "===" il valore nella chiave ed in base ad esso si attiva il div (naturalmente si puo impostare qualsiasi altra cosa uno voglia).
Grazie tante senza i consigli e i pareri non sarei riuscito ad arrivarci!
Alla prossima!!!
Ho risolto il problema!!
Vi posto un piccolo esempio di codice cosi possiat farvi un idea..
<html>
<head>
<script>
function salva1() {
localStorage.setItem("pagina", "pagina1");
}
</script>
<script>
function salva2() {
localStorage.setItem("pagina", "pagina2");
}
</script>
<script>
function carica(){
var pagina = localStorage.getItem("pagina");
if(pagina === null){
document.getElementById("nessuno").style.display = "block";
}
else if(pagina === "pagina1"){
document.getElementById("primo").style.display = "block";
}
else if(pagina === "pagina2"){document.getElementById("secondo").style.display="block";}
}
</script>
<script>
function cancella(){
localStorage.clear();}
</script>
<style>
#nessuno{
display:none;
position:absolute;
top:50%;
left50%;
color:red;
font-size:20px;}
</style>
<style>
#primo{
display:none;
position:absolute;
top:75%;
left:25%;
color:darkred;
font-size:30px;}
</style>
<style>
#secondo{
display:none;
position:absolute;
top:75%;
left:75%;
color:darkred;
font-size:30px;}
</style>
<style>
#salva1{
display:block;
position:absolute;
top:25%;
left:25%;
color:darkred;
font-size:30px;}
</style>
<style>
#salva2{
display:block;
position:absolute;
top:25%;
left:75%;
color:darkred;
font-size:30px;}
</style>
<style>
#carica{
display:block;
position:absolute;
top:25%;
left:50%;
color:darkred;
font-size:30px;}
</style>
<style>
#cancella{
display:block;
position:absolute;
top:75%;
left:50%;
color:darkred;
font-size:30px;}
</style>
</head>
<body>
<div id="nessuno">Non hai salvato nessun Div!</div>
<div id="salva1" onclick="salva1()">Salva Primo Div</div>
<div id="carica" onclick="carica()">Clicca per caricare</div>
<div id="cancella" onclick="cancella()">Cancella Salvataggi</div>
<div id="salva2" onclick="salva2()">Salva Secondo Div</div>
<div id="primo">Sono il primo Div! Ciao!</div>
<div id="secondo">Io sono il Secondo Div!! Hy!</div>
</body>
</html>
Come potete notare le funzioni di salvataggio settano un localstorage con la stessa chiave("pagina" in questo caso) e viene modificato il valore della chiave("pagina1","pagina2"), nella funzione per il caricamento si confronta con "===" il valore nella chiave ed in base ad esso si attiva il div (naturalmente si puo impostare qualsiasi altra cosa uno voglia).
Grazie tante senza i consigli e i pareri non sarei riuscito ad arrivarci!
Alla prossima!!!
