4. Еще один календарь JavaScript

Вот здесь есть еще один календарь, написанный на JavaScipt. Давайте посмотрим как его можно интегрировать с Православным календарем. Загрузите его и распакуйте в папку examples/jscalendar-1.0. Сделаем ссылки на сам календарь, стили, установочный скрипт и скрипт языка, как того требует документация:

<!-- calendar stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="jscalendar-1.0/calendar-win2k-cold-1.css" title="win2k-cold-1" />
<!-- main calendar program -->
<script type="text/javascript" src="jscalendar-1.0/calendar.js"></script>
<!-- language for the calendar -->
<script type="text/javascript" src="jscalendar-1.0/lang/calendar-ru-win.js"></script>
<!-- the following script defines the Calendar.setup helper function, which makes
adding a calendar a matter of 1 or 2 lines of code. -->
<script type="text/javascript" src="jscalendar-1.0/calendar-setup.js"></script>

Затем в HTML идет уже знакомый нам скрипт для всплывающих окон. Место для календаря будет в

<div style="float: right; margin-left: 1em; margin-bottom: 1em;" id="calendar-container"></div>

Место для православного календаря будет в

<div id="T1R"></div>

Слегка изменим установочный скрипт из примера статического календаря и мы получим пример 4.1. Если вы щелкните на день, увидите Православный календарь на тот же день.

В примере примере 4.2 мы создали таблицу с двумя ячейками. В левой поместили Православный календарь, а в правой - календарь JavaScipt.

В примере примере 4.3 мы поместили дополнительный код, чтобы при первой загрузке страницы появлялся Православный календарь на текущий день. В этом же примере мы удалили оператор

if (calendar.dateClicked).

Теперь Православный календарь показывается, когда меняется месяц или год.

И, наконец, в примере 4.4 спрятана таблица.