9. lecke (HTML5, CSS3, PHP5)


Új (PHP manual)


"Naptár" készítése

Másoljuk le az "index8.php" fájlt "index9.php", valamint a "main8.css" fájlt "main9.css" néven és javítsuk át a rá való hivatkozást!

Másoljuk le az "menu8.inc" fájlt "menu9.inc" néven! Cseréljük le benne az összes hivatkozást "index9.php"-re (természetesen nem kézzel, hanem az editor csere műveletével)!


Szúrjuk be ezt a két sort az "index9.php" fájl tetejére a "$txt = $_GET ..." alá:

include('incl/setting.php');
include('incl/calendar.php');

A "calendar.php" fájlt csak alkalmazzuk, ez egy bonyolult objektumorientált PHP fájl.

A "setting.php" így néz ki:

  // Dátum, idő adatok
  $aev = date("Y",time()); $aho = date("m",time()); $anp = date("d",time()); // aktuális év,hó,nap
  $adat = "$aev.$aho.$anp.";
  $ahor = array('', 'jan.','feb.','már.','ápr.', 'máj.','jún.','júl.','aug.', 'sze.','okt.','nov.','dec.');
  $ahoh = array('', 'január','február','március','április', 'május','június','július','augusztus', 'szeptember','október','november','december');
  $nnev = array ('H','K','Sz','Cs','P','Sz','V');

A "$aev" az aktuális év (most 2017), az "$aho" az aktuális hónap (most '03', tehát számmal), az "$anp" változó az aktuális nap (ma éppen 12), tehát a "date(...)" függvényből nyerhető a megadott módokon a három előbbi változó. Ezekből ragasztjuk össze az "$adat" aktuális dátumot (2017.03.12. lesz). Az utolsó három PHP tömb a hónapok és napok rövid vagy hosszú neveit adja magyarul. (Pl.: ilyesmire használhatók $ahor[3]='már.', $ahor[0]='', azaz semmi, de nem is kell.)


A "Naptár" formátumát megadó stílusfájl:

   <link rel='stylesheet' href='css/calendar.css' />

Ezt a sort tegyük az előző stílusfájl (a dropdown-menu.css) alá!


És végül:

 <?php
 $dli = "$aev-$aho-$anp";
 echo "<style>div#calendar ul.dates li#li-$dli { background-color:DarkGreen; }</style>\n";
 $calendar = new Calendar();
 echo $calendar->show();
 ?>

Ezt az egész PHP részt illesszük a <h3>Naptár</h3> alá! Ez (a "setting.php"-ből ismerve az aktuális adatokat) az aktuális hó aktuális napjának hátterét sötétzöldre (DarkGreen) állítja, majd indítja a naptárt előállító "Calendar()" modult.


Az összes fenti (pirossal kiemelt) fájlt becsomagoltam. Bontsuk ki és helyezzük el ezeket a megfelelő könyvtárakba! Katt ide (lecke9.zip)!

Ezután a "Naptár" címsor alatt megjelenik az öröknaptár, célszerű lapozgatni, tesztelni!