Calendarul face parte integrantă din designul mai multor site-uri. Adesea este unul dintre multele pluginuri JQuery pentru calendar. Dar poate fi implementat și folosind PHP.
Astăzi vă voi arăta cum să creați un calendar lunar cu capacitatea de a derula (lăsând și lăsând) luni folosind tehnologia AJAX.
În plus față de utilizarea AJAX, acest calendar are un alt avantaj important - poate fi folosit pentru site-uri mobile, având o bază adaptivă.
Înainte de a trece la revizuirea codului, vă recomand să examinați versiunea demo, astfel încât să aveți o idee despre ceea ce vom face.
Structura folderului
Mai întâi, să definim în mod clar structura directorului pentru toate fișierele pe care le vom crea:
- CSS - pentru toate fișierele CSS;
- imagini - pentru toate imaginile posibile;
- Șabloane - pentru toate fișierele de șabloane.
Pasul 1: HTML
Nu voi folosi un anumit sistem de șabloane (cum ar fi Smarty), voi folosi doar șabloane HTML simple cu propriile mele chei.
Acesta este un șablon foarte simplu pentru pagina index, în care setăm containerul de bază al calendarului.
Cel de-al doilea șablon va fi utilizat ca container intern:
Șabloane / calendar.html:
Noi o folosim pentru că atunci când solicitările Ajax nu produc neapărat toate valorile, este suficient doar conținutul intern al calendarului.
Pasul 2. PHP
Apoi, generați rândurile calendarului (în zile) și, în final, după aceea, înlocuiți cheile de șablon cu valorile proprii.
Pasul 3: CSS
În prezent, calendarul nostru nu pare a fi prezentat, deoarece este doar un HTML gol. Să o decorăm.
CSS / styles.css
Pasul 4. Imagini
În stilurile calendarului nostru, este utilizată o singură imagine mică: nav.png
concluzie
Asta e tot pentru astăzi, am creat doar un calendar elegant, adaptiv.
Traducerea articolului "PHP AJAX Calendar" a fost pregătită de echipa prietenoasă a proiectului Saitostroenie de la A la Z.
Articole similare
Trimiteți-le prietenilor: