<!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">
   <head>
      <title>Készülék tulajdonosa</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-09-10" />
      <meta name="revised" content="Tóth Péter, 10/09/2012" />
      <meta name="description" content="JavaScript - Cookie kezelés - Készülék tulajdonosa" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <script type="text/javascript">
         <!--
         // Cookie érték kiolvasása
         // c_name - Cookie változó neve
         function getCookie(c_name){                                                  
            var i,j,x,y,ARRcookies=document.cookie.split(";");
            for (i=0;i<ARRcookies.length;i++){
               j=ARRcookies[i].indexOf("=");
               x=ARRcookies[i].substr(0,j).replace(/^\s*/,"").replace(/\s*$/,"");
               y=unescape(ARRcookies[i].substr(j+1));
               if(x==c_name)return y;
               }
            return "";
            }
         // Cookie adat mentése
         // c_name - Cookie változó neve
         // ertek  - Cookie értéke
         // exdays - mennyi napig létezzen a Cookie változó
         function setCookie(c_name,ertek,exdays){
            var exdate=new Date();
            exdate.setDate(exdate.getDate() + exdays);
            var c_value=escape(ertek);
            document.cookie=c_name+"="+c_value+((exdays==null) ? "" : "; expires="+exdate.toGMTString());
            if(getCookie(c_name)!=ertek)alert("Nem engedélyezett a cookie kezelés!");
            }
         // OnLoad függvény
         function funcStart(){
            // Lekérdezzük a tárolt tulajdonos nevét
            var sNev=getCookie("nev");
            // Ellenőrizzük, hogy volt-e értéke a név adatát tároló Cookie változónak
            if(sNev.length<3){
               // Tájékozató üzenet
               document.getElementById("idUzenet").innerHTML="A készüléknek nincs tulajdonosa!";
               // Gomb felirata
               document.getElementById("idGombMentes").value="Adatok tárolása";
            }else{
               // Tájékozató üzenet
               document.getElementById("idUzenet").innerHTML="A készülék tulajdonosának adatai:";
               // Gomb felirata
               document.getElementById("idGombMentes").value="Adatok módosítása";
               // Űrlapmezők beállítása
               document.getElementById("idNev").value=sNev;
               document.getElementById("idCim").value=getCookie("cim");
               document.getElementById("idTelefon").value=getCookie("telefon");
               }
            }
         // Adatok mentése / módosítása
         function funcAdatMentes(){
            // Beállított név mező értékének ellenőrzése
            var sNev=document.getElementById("idNev").value;
            if(sNev.length<3){
               alert("Ön nem megfelelően töltötte ki a 'név' mezőt!");
               return;
               }
            // Beállított cím mező értékének ellenőrzése
            var sCim=document.getElementById("idCim").value;
            if(sCim.length<3){
               alert("Ön nem megfelelően töltötte ki a 'cím' mezőt!");
               return;
               }
            // Adatok mentése
            setCookie('nev',sNev,1);
            setCookie('cim',sCim,1);
            setCookie('telefon',document.getElementById("idTelefon").value,1);
            // Újratöltjük a weboldalt;
            location.reload();
            }
         // Adatok törlése
         function funcAdatTorles(){
            // Elegendő csak a név adatot tároló cookie törlése a program jó működéséhez
            setCookie('nev','',0);
            // Újratöltjük a weboldalt;
            location.reload();
            }
         -->
      </script>
   </head>
   <body onload="funcStart()">
      <div id="idUzenet"></div>
      <table>
         <tbody>
            <tr><td>Név:</td><td><input id="idNev" type="text" size="50" /></td></tr>
            <tr><td>Cím:</td><td><input id="idCim" type="text" size="50" /></td></tr>
            <tr><td>Telefonszám:</td><td><input id="idTelefon" type="text" size="50" /></td></tr>
         </tbody>
      </table>
      <div>
         <input type="button" id="idGombMentes" onclick="javascript:funcAdatMentes();" />
         <input type="button" onclick="javascript:funcAdatTorles();" value="Adatok törlése" />
      </div>
   </body>
</html>