Felhasználói eszközök

Eszközök a webhelyen


egyetem:webc2:html5api:f2:forrasanyag

Megoldás forráskódja

<!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>Látogatások számának megjelenítése</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-10-12" />
      <meta name="revised" content="Tóth Péter, 12/10/2012" />
      <meta name="description" content="HTML5 - Új API-k - Látogatások számának megjelenítése" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <script type="text/javascript">
         <!--
         // OnLoad függvény
         function funcStart(){
            // Lekérdezzük a folyamat elején a háttér változó értékét
            var sElozo=localStorage.getItem("utolso_latogatas");
            // Aktuális dátum-idő érték létrehozása, eltárolása változóban
            var dAktualis=new Date();
            // Időpoont eltárolása a háttér változóban
            localStorage.setItem("utolso_latogatas",dAktualis);
            // Ellenőrizzük, hogy volt-e értéke az oldal frissítése előtt a változónak
            if(sElozo==null){
               document.getElementById("idUzenet").innerHTML="Ön még nem látogatta meg ezt az oldalt!";
               // Oldal meglátogatásainak számát tároló változó
               iLatogatasSzama=1;
            }else{
               // Látogatások számának tárolt adatát kiolvassuk a háttér változóból
               iLatogatasSzama=new Number(localStorage.getItem("latogatasok_szama"));
               // Megnöveljük 1-el a látogatások számát
               iLatogatasSzama++;
               // Szöveges adat konvertálása dátum formátumra
               dElozo=new Date(sElozo);
               // Dátum formátum átalakítása magyar formáttumra
               var dElozoMagyar=dElozo.getFullYear()+"-"+dElozo.getMonth()+"-"+dElozo.getDate()+" "+dElozo.getHours()+":"+dElozo.getMinutes()+":"+dElozo.getSeconds();
               // Utolsó látogatás időpontjának megjelenítése
               document.getElementById("idUzenet").innerHTML="Ön utoljára a következő időpontban látogatta meg az oldalt: "+dElozoMagyar;
               }
            // Frissítés végeztével visszaírjuk a látogatások számát a háttér változóba
            localStorage.setItem("latogatasok_szama",iLatogatasSzama);
            // Látogatások számának megjelenítése
            document.getElementById("idLatogatasSzama").innerHTML="Ön jelenleg "+iLatogatasSzama+". alkalommal látogatja ezt az oldalt!";
            }
         -->
      </script>
   </head>
   <body onload="funcStart()">
      <div id="idUzenet"></div>
      <div id="idLatogatasSzama"></div>
   </body>
</html>
egyetem/webc2/html5api/f2/forrasanyag.txt · legutóbbi módosítás: (külső szerkesztés)