Naptár ajax és php, php

Naptár egy szerves része a tervezés sok helyen. Gyakran előfordul, hogy ő az egyik a sok JQuery plugin a naptár. De ez is megvalósítható PHP.

Ma megmutatom, hogyan lehet létrehozni egy naptári hónap a görgetés (bal és jobb nyilak) hónappal az AJAX technológiát.

Amellett, hogy a használata AJAX, ez a naptár van egy másik fontos előnye - lehet használni a mobil oldalak, mert olyan adaptív alapon.

Mielőtt rátérnénk a kód felülvizsgálata, azt javasoljuk, hogy nézze meg a demo, így van egy ötlete, mit fogunk csinálni.

Naptár ajax és php, php

mappastruktúrát

Először is nézzük egyértelműen meghatározzák a mappák szerkezetének bármely fájlok jönnek létre:

  • CSS - CSS fájlok mindenki számára;
  • kép - az összes lehetséges képek;
  • sablonok - az összes sablon fájlokat.

1. lépés: HTML

Nem fogom használni különösebb template rendszer (például Smarty), azt fogja használni a HTML saját kulcsokat csak egyszerű sablonokat.

Ez egy nagyon egyszerű sablont a index oldal, ott kértünk alapvető naptár tartályba.

A második sablon használunk belső tartály:

Sablonok / calendar.html:

Arra használjuk, mert nem szükséges, hogy megjelenjen az összes értéket kell csak a belső naptár tartalmának Ajax-kérések.

2. lépés: PHP

Ezután létrehoz naptár vonal (napokban), és végül, cseréje után a sablon kulcsok sajátérték.

3. lépés: CSS

Ezen a ponton, a naptár nem nézd szalonképes, mert ez csak egy meztelen HTML-kódot. Nézzük díszítjük.

CSS / styles.css

Lépés 4. kép

A stílusok a naptárban csak egy kis kép: nav.png

következtetés

Ennyi mára, most létrehozott egy elegáns adaptív naptár.

Fordítása a cikk «PHP AJAX Calendar» készítettünk egy csapat barátságos Web design projekt tól Z-ig

Kapcsolódó cikkek