1. LocalStorage
    + SessionStorage

    Avatar
    Tags
    HTML5
    By flexlex il 9 Sep. 2012
     
    +3   +1   -1    4 Comments   562 Views
    .
    Salvare informazioni, uno dei sogni piu segreti di ogni scripter e coder.
    personalizzare i colori, e che la prossima volta sono ancora tali.
    magari un gioco in HTML5 tipo scacchi, e ricordarsi a che punto era la partita.

    queste sono solo alcune delle tantissime funzione ch puo' avere il LocalStorage.

    Oggi oltre ad insegnarvi il localStorage, vi insegnero' anche la sintassi breve, che e' 1000 volte piu comoda da usare.

    prendiamo come esempio che vogliamo creare uno script che da il benvenuto con il nome.

    iniziamo a vedee se in precedenza e' gia stato salvato un nome utente
    CODICE
    <script>
    if(localStorage.utente){//utente esiste
    utente=localStorage.utente
    }
    else{//chiediamo di inserire il nome
    localStorage.utente=prompt("inserisci tuo nome","")
    utente=localStorage.utente
    }
    document.write(utente)
    </script>


    Ops il codice e' gia' finito XD
    basta salvare la variabile, in localStorage faccendo cosi: localStorage.[variabile]=variabiledasalvare

    Forse anche troppo semplice XD
    invece coi cookie dovevamo fare i salti mortali per riuscire a salvare informazioni.

    inoltre localStorage offre molto più memoria, relativamente ai cookie.
    i cookie salvano 4kb (se non ricordo male)
    il localStorage arriva a piu mega (mi ricordo che su safari sono 20MB)

    Ma se volessimo salvare un informazione, solo finche il browser viene chiuso?

    beh, la storia rimane la stessa, solo che a posto di usare "localStorage" dovete usare "sessionStorage" ed il gioco e' fatto ;)

    un carissimo saluto, sempre e ancora flexlex
      Share  
     
    .

Comments
  1. Soul-Kun
        +1   -1
     
    .

    User deleted


    Straordinariooooo! Sììììì! Bravissimo flexlex!
     
    Top
    .
  2. Gohan X
        +1   -1
     
    .

    User deleted


    Mitico questo sì che è utile (e facile)
     
    Top
    .
  3. BomAle
        +1   -1
     
    .

    User deleted


    addio cookie :P
     
    Top
    .
  4. flexlex
        +1   -1
     
    .

    User deleted


    già, addio cookie XD
     
    Top
    .
4 replies since 9/9/2012, 11:37   562 views
  Share  
.