Az oldal egyik fontos eleme a naptár, amellyel a felhasználók nyomon követhetik az eseményeket és az új termékek megjelenését. Vagy csak olvassa el a jegyzeteket, vagy bármi mást, ami eszébe jut. Miután eltöltött egy kis időt ebben a leckében, megtanulja, hogyan hozhat létre PHP-naptárszkriptet webhelyéhez. Nem korlátozzuk magunkat a programozásra, a naptár CSS és html szerkezetére is figyelünk. Egyszóval mindent megteszünk, az elejétől a végéig!
CSSBeszélj kevesebbet, dolgozz többet. Kezdjük mindjárt a naptár css stílusaival. Az alábbi kód kompatibilis a problémás IE6 böngészővel.
/* naptár */ table.calendar ( border-left:1px solid #999; ) tr.calendar-row ( ) td.calendar-day ( min-height:80px; font-size:11px; position:relative; ) * html div.calendar-day ( magasság:80px; ) td.calendar-day:hover ( háttér:#eceff5; ) td.calendar-day-np ( background:#eee; min-height:80px; ) * html div. calendar-day-np ( magasság: 80 képpont; ) td.calendar-day-head ( háttér:#ccc; font-weight:bold; text-align:center; szélesség: 120px; padding:5px; border-bottom:1px solid #999; border-top: 1px solid #999; border-right: 1px solid #999; jobb margó: -5px -5px 0 0 999 border-right: 1px solid #999;
PHPA teljes PHP naptár szkript kódja alapvetően egyetlen függvényen alapul, amelyhez két paraméter szükséges: a kívánt hónap és év. Megjegyzendő, hogy a függvény közepén helyet hagytam az adatbázisnak. Ha szeretné, a szükséges eseményeket megjelenítheti a naptárrácsban. A szkript írásakor a div blokkok helyett táblázatokat használtam, mivel ezek praktikusabbak abban az esetben, ha egy nap tele van eseményekkel.
Az angol nyelvű naptárszkriptet vettük alapul, így két változatot adok: egy angol és egy orosz stílusú naptárt. Válaszd ki, melyik tetszik! Az egyetlen különbség a PHP kódban van. CSS stílusok ugyanaz marad mindkét lehetőségnél.
PHP naptár szkript orosz stílusban".implode(" | ",$címek)." |
Következtetések Így van egy egyszerű és könnyen beágyazható eseménynaptárunk, amely gyorsan működik és könnyen testreszabható, tiszta PHP+javascript-ben fut további könyvtárak nélkül. |