jquery append html e refresh della pagina

[peperita]

Ciao a tutti,

Aggiungo una riga ad una tabella utilizzando il metodo .append di jquery.
Quando ricarico la pagina la nuova riga scompare.
Come posso risolvere questo problema?
Spero di essere stata chiara.

Grazie
Ciao

[Xinod]

scusa ma cosa pretendi?
javascript lavora sul documento, quando lo ricarichi qualsiasi modifica apportata scompare

devi salvare la modifica da qualche parte,
se e' una modifica piu' o meno permanente e condivisa a chiunque visualizzi il documento da qualsiasi macchina non puoi evitare l' utilizzo di un linguaggio lato server

ciao

[peperita]

Ciao Xinod,
Sfortunatamente devo usare solo jquery/xhtml e non linguaggi lato server.
Come posso salvare i dati? In un array penso.

Grazie
Ciao

[fcaldera]

puoi usare i cookies o il localstorage di html5 (sarebbe uno storage lato client come i cookies) fermo restando che la modifica sarà visibile solo ed unicamente in un browser e solamente nel tuo computer

[peperita]

Grazie,
non conoscevo localStorage di html 5, è interessante.
Per ora mi funziona solo su Safari e non su Firefox!

ciao

[mxa]

io uso localStorage per un progetto a cui lavoro, mi funziona di sicuro su chrome/safari, firefox 3.6, e direi anche IE9.

[peperita]

Ciao Mxa,
Cerco di spiegarti un pò meglio.
Compilo una form, all'evento click del bottone invia chiamo la funzione $.ajax in questo modo :


/*CAMPI INPUT VALUES*/
fromValueStr = "nome@email.com";
toValueStr = $("#toValue").attr("value");
ccValueStr = $("#ccValue").attr("value");
objValueStr = $("#objValue").attr("value");
dateValueStr = $("#datepicker").attr("value");
typeValueStr = $("#ddType dt a").attr("text");
flagValueStr = $("#ddFlag dt a").attr("text");
msgTextValueStr = $("#msgTextValue").attr("value");

nomeCompagnia = "Nome Compagnia";
dateScad = "data scadenza";
allegato = "0";
stato = "Aperto";

var dataString = 'to='+ toValueStr + '&da=' + fromValueStr + '&cc=' + ccValueStr + '&obj=' + objValueStr + "&comp=" + nomeCompagnia + "&tipo=" + typeValueStr + "&date=" + dateValueStr;

trTable = "<tr class=\"trAdded\"><td>" + fromValueStr +
"</td><td>" + toValueStr +
"</td><td>" + nomeCompagnia +
"</td><td>" + typeValueStr +
"</td><td>" + dateValueStr +
"</td><td>" + objValueStr +
"</td><td>" + allegato +
"</td><td>" + dateScad +
"</td><td>" + stato + "</td></tr>";

$.ajax({

type: "POST",
url: "comunicazioni.html",
data: dataString,
success: function(){

arrComTrTable.push(trTable);

localStorage.setItem("trCom",arrComTrTable);

var localSt = localStorage.getItem("trCom");

console.log("com localSt : " + localSt);

var objTrTable = $(trTable);

$('#communication').append(objTrTable);



Stampo a console la variabile che mi contiene i dati salvati in localStorage.
Sul click li vedo ma se richiamo localStorage.getItem("trCom") quando ricarico la pagina su Firefox è vuoto, mentre su Safari vedo i miei dati salvati.
Cosa sbaglio?

Grazie ancora per i suggerimenti.

Ciao

[fcaldera]

dai un occhio se risolvi con questa discussione
http://stackoverflow.com/questions/2...5-localstorage

[peperita]

Grazie,
In effetti passandogli un array in questo modo :

localStorage.setItem("trCom",arrComTrTable);

forse non è corretto..

Ma ho provato anche a passargli la stringa trTable

localStorage.setItem("trCom",trTable);
ma niente, non ci riesco.

[fcaldera]

che versione specifica di Firefox stai usando?