COOKIES. Un cookie è semplicemente una variabile che la tua pagina web può cedere al computer del visitatore, oppure una variabile che dal computer del.

Presentazione sul tema: "COOKIES. Un cookie è semplicemente una variabile che la tua pagina web può cedere al computer del visitatore, oppure una variabile che dal computer del."— Transcript della presentazione:

1 COOKIES

2 Un cookie è semplicemente una variabile che la tua pagina web può cedere al computer del visitatore, oppure una variabile che dal computer del visitatore passa alla tua pagina web.

3 L'idea di fondo è che le volte successive che il visitatore approda alla tua pagina, il valore del cookie potrà essere letto dalla tua pagina, e quindi usato per diversi scopi.

4 Alcuni esempi di cookie:

5 La prima volta che il visitatore arriva, inserisce il suo nome.

6 Il nome dell'utente viene memorizzato in un cookie.

7 La volta successiva che quel visitatore arriverà alla tua pagina, apparirà una scritta del tipo: "Benvenuto nella mia pagina, John Wayne!!

8 Il nome viene riportato dal cookie precedentemente memorizzato

9 Il visitatore che entra per la prima volta nella tua pagina, inserisce la lingua prescelta.

10 La lingua desiderata viene memorizzata in un cookie. La volta successiva, il visitatore verrà portato automaticamente alle pagine scritte nella lingua prescelta, perché le informazioni sulla scelta della lingua sono riportate dal cookie.

11 Il visitatore che entra per la prima volta nella tua pagina deve inserire una certa parola d'ordine.

12 La parola d'ordine viene memorizzata in un cookie. La volta successiva, la parola d'ordine verrà riportata dal cookie.

13 LA TECNICA

14 I cookies si possono memorizzare e recuperare usando javascript.

15 Il programma innanzitutto controlla se è già presente un cookie.

16 Se sì, il cookie viene usato per un certo scopo. Altrimenti, crea un cookie e lo userà ogni volta che l'utente visiterà la pagina.

17 IL CODICE

18 Per usare i cookie nelle tue pagine hai bisogno di: una funzione che legga il cookie (se questo è presente) una funzione che memorizzi il cookie una funzione che cancelli il cookie

19 Ecco tre funzioni in grado di svolgere questi compiti: getCookie setCookie delCookie

20 funzione getCookie(NameOfCookie) { // Prima controlliamo se c'è un cookie memorizzato. // Altrimenti la lunghezza del document.cookie sarebbe zero. if (document.cookie.length > 0) {

21 // Poi controlliamo se il nome del cookie è conservato nell'oggetto // "document.cookie"della pagina // Siccome è possibile inserire più di un cookie su una // singola pagina, è possibile che il nostro cookie

22 // non sia presente, anche se l'oggetto "document.cookie" // non è solo un testo vuoto. // Se il nome del nostro cookie non è presente, verrà memorizzato il valore -1 // nella variabile chiamata "begin".

23 begin = document.cookie.indexOf(NameOfCookie+"=" ); if (begin != -1) // Nota: != significa "non è uguale a" { // Il nostro cookie era presente. // Il valore memorizzato nel cookie viene rimandato dalla funzione.

24 begin += NameOfCookie.length+1; end = document.cookie.indexOf(";", begin); if (end == -1) end = document.cookie.length; return unescape(document.cookie.substring(begin, end)); } } return null;

25 // Il nostro cookie non era presente. // Il valore "null" viene rimandato dalla funzione. }

26 funzione setCookie(NameOfCookie, value, expiredays) { // Servono tre variabili per creare il nuovo cookie. // Il nome del cookie, il valore da memorizzare, // e infine il numero di giorni fino alla scadenza del cookie. // Le prime righe nella funzione convertono il numero dei giorni in una data // valida.

27 var ExpireDate = new Date (); ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 * 3600 * 1000)); // La riga seguente memorizza il cookie, semplicemente // assegnandogli

28 // i valori dell'oggetto "document.cookie". // Nota che la data è riportata all'ora del Meridiano di Greenwich usando // la funzione "toGMTstring()".

29 document.cookie = NameOfCookie + "=" + escape(value) + ((expiredays == null) ? "" : "; expires=" + ExpireDate.toGMTString()); }

30 funzione delCookie (NameOfCookie) { // La funzione controlla semplicemente se il cookie è memorizzato. // Se lo è, la data di scadenza è fissata al 1° gennaio 1970.

31 if (getCookie(NameOfCookie)) { document.cookie = NameOfCookie + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT"; } }

32 PER FARLO FUNZIONARE

33 Il semplice inserimento del codice qui sopra non crea alcun cookie. Gli strumenti che ti servono per leggere, creare e cancellare i cookie sulla tua pagina sono le funzioni.

34 Il passo finale nell'inserimento di un cookie nella tua pagina è dare uno scopo al cookie. Decidi se vuoi che il cookie conservi il nome del visitatore, la data della sua ultima visita alla tua pagina o la lingua prescelta. Oppure adopera il cookie per qualsiasi altro scopo.

35 In ogni caso, i codici che dovrai aggiungere ai programmi del cookie saranno diversi

36 IL PROGRAMMA GREZZO

37 Ecco il programma del cookie senza i commenti. Copialo e incollalo per usarlo sul tuo sito :

38 function getCookie(NameOfCookie) { if (document.cookie.length > 0) { begin = document.cookie.indexOf(NameOfCookie+"="); if (begin != -1) begin += NameOfCookie.length+1; end = document.cookie.indexOf(";", begin); if (end == -1) end = document.cookie.length; return unescape(document.cookie.substring(begin, end)); } } return null; }

39 function setCookie(NameOfCookie, value, expiredays) { var ExpireDate = new Date (); ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 * 3600 * 1000)); document.cookie = NameOfCookie + "=" + escape(value) + ((expiredays == null) ? "" : "; expires=" + ExpireDate.toGMTString()); }

40 function delCookie (NameOfCookie) { if (getCookie(NameOfCookie)) { document.cookie = NameOfCookie + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT"; } }

41