Javascript, metodo local storage: Visualizzare e salvare piu dati da stessa input?

03-07-2013, 11.09.35

CERCO DI SPIEGARMI MEGLIO:

VORREI FAR SI CHE SE IO SCRIVO UN NOME NELLA INPUT <input type="text" Id="nome"> se è uguale a : Roberto allora
IL NOME VIENE e il cognome da salvare vengano salvati e poi visualizzati in <p id="datiSalvati"></p>
se invece scrivo nella <input type="text" Id="nome"> il nome: ANTONIO nome e cognome vengano memorizzati e visualizzati in : <p id="datiSalvati1"></p>

vorrei riuscire a far acquisire in input qualsiasi dato e in base al nome, se previsto dalla funzione venga registrato e poi visualizzato in una riga anzi che un altra. COME FACCIO?

Codice HTML:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="AlterVista - Editor HTML">
<TITLE>prova_webstorage</TITLE>

<script language="javascript">
function salvaDati() {
 var nomeDaSalvare = document.getElementById("nome").value;
 var cognomeDaSalvare = document.getElementById("cognome").value;
 
 localStorage.setItem("nome",nomeDaSalvare);
 localStorage.setItem("cognome", cognomeDaSalvare); 
 
 alert("Dati salvati.");
 mostraDati();
 
}

function mostraDati(){
var nome = localStorage.getItem("nome");
var cognome = localStorage.getItem("cognome");
document.getElementById("datiSalvati").innerHTML= nome +" "+ cognome;

}

function eliminaDati(){
 localStorage.clear();
 mostraDati();
}
</script>


</HEAD>
<BODY onLoad="mostraDati()">
<form>
 <p>
 Nome:<input type="text" Id="nome">
 Cognome:<input type="test" id="cognome">
 <input type="reset" value="anulla"/>
 </p>
 <p>
 <input type="button" onClick="salvaDati()" value="SALVA"/>
 <input type="button" onClick="mostraDati()" value="MOSTRA"/>
 <input type="button" onClick="eliminaDati()" value="ELIMINA"/>
 </p>
</form>
<p id="datiSalvati"></p> 
<p id="datiSalvati1"></p> 
</BODY>
</HTML>

**javascripter** · 03-07-2013, 11.48.49

Devi modificare la funzione mostraDati.
Scritta così, va sempre a inserire i dati nel contenitore datiSalvati.
Quindi devi controllare il nome e cambiare l'id in base ad esso, tramite uno switch o if.

Ti faccio un esempio:

Codice:

function mostraDati(){
	var nome = localStorage.getItem("nome");
	var cognome = localStorage.getItem("cognome");
	var id;

	switch(nome.toLowerCase()) {
		case "antonio":
			id = "datiSalvati";
			break;
			
		case "roberto":
			id = "datiSalvati1";
			break;
			
		// case "altro nome":
		//	id = "altro id";
		//	break;
		
		default: // scelta sconosciuta
			id = "datiSalvati";
			break;
	}
	
	document.getElementById(id).innerHTML= nome +" "+ cognome;
}

Adattalo come meglio credi.
Spero di non aver frainteso nulla.

03-07-2013, 16.04.25

si direi che ci hai preso in pieno! ancora una cose se non è contro le regole o di troppo disturbo:
non riesco a capire a pieno la sintassi del metodo : setItem
ovvero, la variabile "nome" è il nuovo 'nome' della variabile con valore nomeDaSalvare oppure fa riferimento all'id a cui fare riferimento nella pagina html.

In altre parole, come faccio per richiedere di memorizzare valori in altri contenitori e poi mostrarli?

**javascripter** · 03-07-2013, 20.41.11

Sono cose indipendenti.
Con il metodo setItem di localStorage, puoi salvare dei dati assegnando qualsiasi nome (identificatore).
Se vuoi salvare dati in locazioni diverse, allora modifica la funzione salvaDati assegnando un identificatore per ogni nome che ti interessa. Potresti anche usare un array.

Forse, se spieghi bene cosa vuoi fare, possiamo trovare una soluzione differente.

Discussione: Javascript, metodo local storage: Visualizzare e salvare piu dati da stessa input?

LinkBack

Strumenti discussione

Display

Javascript, metodo local storage: Visualizzare e salvare piu dati da stessa input?

Regole di scrittura