Come utilizzare javascript per salvare dei dati variabili

19-06-2009, 12.00.41

Ciao a tutti, ho finito da poco di legere la guida sul java script di html.it, sperando di riuscire nell'intento di creare un generatore di codice css (sarebbe per delle skin di un circuito che permette di cambiare la grafica del forum cambiando solo i CSS)

Il mio problema è che non so bene da dove cominciare: il fatto che ci voglia un form è ovvio, per quello sono a posto; il mio problema è che non so come si fanno a salvare delle variabili prese da un form (non so neanche come salvarle), e soprattutto non so come farle salvare dal lato server per poi farle agire su un codice da modificare secondo le variabili inserite (il codice lo mostrerei in una seconda pagina.

Non penso di essermi spiegato bene, anche perchè non so come descrivere il mio problema, vi prego di chiedervi come posso aiutarvi per capire meglio.

**alemoppo** · 19-06-2009, 12.10.12

Originalmente inviato da arazz

vi prego di chiedervi come posso aiutarvi per capire meglio.

...Comunque per "prelevare i dati", usando il javascript bisognerebbe fare così:

Codice HTML:

....
<form name='dati'>
Nome: <input type='text' name='nome'>
Cognome: <input type='cogn'>
<input type='submit' value='Invia'>
</form>
<script language='javascript'>
alert("Il tuo nome è: "+document.dati.nome.value);
alert("Il tuo cognome è: "+document.dati.cogn.value);
</script>

....Comunque per salvare i dati sul server, devi usare php:
dai un occhiata qui

...Ti ricordo che per regolamento, prima di chiedere devi cercare

p.s. Che coincidenza!: ho appena finito di rispondere allo stesso problema ad un altro utente in MP

Ciao!

EDIT:

Naturalmente quello in JS era un esempio a fine didattico!
Per fare una cosa guardabile, almeno dovresti fare così:

Codice HTML:

....
<form name='dati'>
Nome: <input type='text' name='nome'>
Cognome: <input type='cogn'>
<input type='submit' value='Invia' onClick='javascript:mostra()'>
</form>
<script language='javascript'>
function mostra()
{
     alert("Il tuo nome è: "+document.dati.nome.value+"\nil tuo cognome è: "+document.dati.cogn.value);
}
</script>

19-06-2009, 12.14.57

scusami è che prima ero un po' di fretta e non capivo nemmeno quello che scrivevo, comunque il search l'ho usato ma continuava a chiedermi di scaricare una pagina php.. (non so perchè non la aprisse firefox)

EDIT: ah una domanda, il lavoro che tu hai fatto cone gli allerti di può fare anche con document.write?

**alemoppo** · 19-06-2009, 12.19.51

Certo!, però stai attento {edito dopo: adesso dovrei aiutare altri utenti

}

Ciao!

EDIT:

Prova a leggerti questo, specialmente dal #6 in poi...

19-06-2009, 13.34.23

Grazie mille, funziona!
Alla fine ho usato questo codice (ho fatto qualche modifica al tuo):

Codice HTML:

<html>
<head>
<title>Prova javascript</title>

</head>
<body>

<script language='javascript'>
function mostra() //crea la funzione mostra, che scrive il nome e il cognome
{ 
     document.write("\n Hai "+document.dati.eta.value+" anni e ti chiami " +document.dati.nome.value);
}
</script>

<form name='dati'>
<!-- riceve in input il nome -->
Età: <input type='text' name='eta'><br />
<!-- riceve in input il cognome -->
Nome: <input type='text' name='nome'><br />
<input type='submit' value='Invia' onClick='mostra()'><br />
</form>


</body>
</html>

**alemoppo** · 19-06-2009, 13.41.31

se vuoi usare l'xHTML, devi chiuere anche gli input.
Ma ricorda che in questo modo, il document.write() scrive in una nuova pagina!.
Hai letto quello che ti ho indicato??

Codice HTML:

<html>
<head>
<title>Prova javascript</title>
</head>
<body>
<script language='javascript'>
function mostra() //crea la funzione mostra, che scrive il nome e il cognome
{ 
     document.write("\n Hai "+document.dati.eta.value+" anni e ti chiami " +document.dati.nome.value);
}
</script>

<form name='dati'>
<!-- riceve in input il nome -->
Età: <input type='text' name='eta' /><br />
<!-- riceve in input il cognome -->
Nome: <input type='text' name='nome' /><br />
<input type='submit' value='Invia' onClick='mostra()' /><br />
</form>
</body>
</html>

19-06-2009, 15.47.48

Grazie per la segnalazione dell'xhtml, che è appunto il linguaggio che intendo utilizzare, comunque ho letto il post che ,i hai linkato e mi è stato utile, solo una domanda: mi ero accorto anch'io che scrive il risultato in una nuova pagina, e per questo mi chiedo se esiste un modo per generare il codice nella stessa pagina.. L'ideale sarebbe se ci fosse una funzione semplice come alert e document write..

**alemoppo** · 19-06-2009, 16.42.42

document.getElementById('nome_div').innerHTML = stringa; {per inizializzare un div}
document.getElementById('nome_div').innerHTML += stringa; {per AGGIUNGERE un div}

E' difficile??

Comunque altre funzioni già preimpostate non le conosco, perché io uso sempre questa

{da quanto lo conosco, non c'é pagina senza questa funzione!...}

Ciao!

19-06-2009, 16.52.34

Nonmi sembra affatto difficile! provo a fare qualche pagina con questo metodo e se mai faccio un altro topic.. grazie mille per l'aiuto!

11-09-2014, 16.14.25

ciao... ho letto quello che hai scritto per salvare i dati con javascript, ma non ho capito bene come faccio a indicare su quale file salvare i dati.
Sto creando una pagina html con i form e vorrei salvare i dati inseriti nei form in un documento .txt... come faccio?

**alemoppo** · 11-09-2014, 16.31.34

Per scrivere dei dati in un file *.txt, devi usare PHP. Più in specifico, il modo più veloce è tramite la file_put_contents().

Comunque è vietato riesumare vecchi topic, creane uno tuo nella sezione più adatta, ma prima prova a farlo da solo e al più postaci il codice non funzionante.

Ciao!

Discussione: Come utilizzare javascript per salvare dei dati variabili

LinkBack

Strumenti discussione

Display

Come utilizzare javascript per salvare dei dati variabili

Tags for this Thread

Regole di scrittura