Календар у формі зворотного зв’язку - встановлення та налаштування
Створення форми зворотнього зв'язку
Зміна стилів та налаштування календаря у формі зворотного зв'язку
У попередній статті було розказано про введення дати у формі зворотного зв'язку за допомогою календаря, що випадає. Зовнішній вигляд такого календаря можна самостійно змінювати у CSS-файлі, але краще не винаходити велосипед, а скористатися готовими зразками, які пропонують розробники. Для цього можна вибрати відповідний варіант із галереї на сторінці ThemeRoller jQuery (ліворуч у меню). Потім потрібно завантажити нові файли, натиснувшиDownload під картинкою, та замінити ними старі файли на вашому сайті, як рекомендувалося у попередній статті.
Правда, якщо ви не сильні в англійській, то можуть виникнути невеликі труднощі у роботі. Тому пропоную зробити простіше.
Зрозуміло, що зміни стилю календаря треба замінити вміст папкиcalendar (див. знову ж таки, попередню статтю). Для деяких варіантів достатньо замінити лише папкуscripts/css, в якій знаходяться файл стилів СSS і папкаimages, на нову з параметрами обраного дизайну календаря. Але краще не ризикувати і змінити весь вміст папкиcalendar.
Нижче наведено деякі варіанти оформлення календаря. Клікнувши по зображенню, що сподобалося вам, ви можете завантажити відповідний архів, а потім просто замінити повністю вміст папкиcalendar, розпакувавши в неї новий завантажений архів. Кожен архів має таку саму назву, як стиль календаря на сайтіjQuery.
Якщо показаних варіантів вам не вистачає, то, як на мене, ви зажерлися,панове.
Іноді потрібно ввести обмеження на введення календаря дати назад або вперед, змінити перший день тижня, вид анімації та інші налаштування. Для цього достатньо замінити додатковий java-скрипт, встановлений нами під час ініціалізації календаря (див. пункт 3 попередньої статті), на наступний:
Якщо ви бажаєте розмістити на одній сторінці сайту кілька календарів, вказуєте різні значення ідентифікатора для кожного з них. Тобто додаєте додатковий рядок у скрипті, наприклад$("# datepicker_1 ").datepicker() і вказуєте для нового календаря. Звичайно, ви можете для кожного календаря встановити свій стиль оформлення.
У наступній статті розглянемо один із різновидів виведення кількох календарів - висновок на сторінці сайту двох календарів із залежним вибором дати. Це потрібно, наприклад, для визначення термінів бронювання номера в готелі, коли дата заїзду не може бути пізніше дати виїзду, а також при виборі днів вильоту/прильоту літаків.
Крім розміщення календаря на сайті, є безліч інших плагінів дляjQuery, наприклад, для створення слайд-шоу, фотогалерей та ін. Деякі цікаві, на мій погляд, плагіниjQuery розглянуті в розділі "Вебдизайн із jQuery - це дуже просто!".