sposto la discussione in javascript e ti propongo un esempio con i cookies
innanzitutto crea due file:
- 'candela_on.gif' (candela accesa - prendila dalla pagina che hai linkato)
- 'candela_off.gif' (candela spenta, puoi ricavarla dalla prima con un qualsiasi programma di grafica)
dopodichè copia e incolla questo script e salvalo come file .html - infine, copia i due
file .gif nella setssa cartella del file .html
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> <head> <title>Candele</title> <script type="text/javascript"> // <![CDATA[ var c; var info; function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) { createCookie(name,"",-1); } function accendiCandela() { info.innerHTML = 'La candela è ora accesa. Se il browser accetta i cookies dovresti trovare'; info.innerHTML += 'la fiamma accesa al tuo ritorno. '; createCookie('candle','accesa',100); c.src = "candela_on.gif"; } function spegniCandela() { eraseCookie('candle'); c.src = "candela_off.gif"; info.innerHTML = 'Accendi la candela'; } function vediCandela() { c = document.getElementById('candle'); info = document.getElementById('info'); if (readCookie('candle') != null) { c.src = "candela_on.gif"; info.innerHTML = 'avevi acceso la candela... vuoi spegnere la candela?'; } else { c.src = "candela_off.gif"; info.innerHTML = 'Accendi la candela'; } } // ]]> </script> </head> <body onload="vediCandela()"> [img][/img] <div id="info"> </div> </body> </html>
Ciao
![]()

