Календар е неразделна част от дизайна на много сайтове. Често той е един от многото JQuery плъгин за календара. Но това може да се осъществява чрез използване на PHP.
Днес ще ви покажа как да създадете месечен календар с превъртането (стрелките наляво и надясно) месеца с помощта на AJAX технология.
В допълнение към използването на AJAX, този календар има и друго важно предимство - тя може да се използва за мобилни сайтове, тъй като тя има адаптивно основа.
Преди да преминем към прегледа на код, аз Ви препоръчваме да прегледате нашата демонстрация, за да имате представа за това, което ние ще направим.
структура на папките
Първо, нека ясно да се определи структурата на папките за всички файлове, които ще бъдат създадени:
- CSS - CSS файлове за всички;
- изображение - за всички възможни изображения;
- шаблони - всички шаблонни файлове.
Стъпка 1. HTML
Аз няма да използват определена система шаблон (например Smarty), ще използвам HTML със собствените си ключове само прости шаблони.
Това е един много прост шаблон за нашия индекс страница, вече попитахме основен календар контейнер.
Вторият образец се използва като вътрешен контейнер:
Шаблоните / calendar.html:
Използваме го, защото не е необходимо да се покажат всички стойности се нуждаят само от вътрешния съдържанието календар с Аякс искания.
Стъпка 2. PHP
След това генерира календар линия (в дни), и най-накрая, след подмяна на ключовете на шаблона по собствено значение.
Стъпка 3. CSS
В този момент, в календара ни не изглеждат добре, защото това е просто една гола HTML-код. Нека да го украсяват.
CSS / styles.css
Етап 4. Снимки
Стиловете на нашия календар е само една малка картинка: nav.png
заключение
Това е всичко за днес, ние току-що създадената стилен адаптивна календар.
Превод на статията «PHP AJAX Календар» е изготвен от екип от приятелски Уеб дизайн проект от А до Я.
Свързани статии