Вебмастеру

Установка Православного календаря на сайте (на примерах)

Мы разработали интерфейс к нашему Православному календарю на основе AJAX технологии. Вы можете почитать об AJAX на сайте W3Schools. Мы покажем вам, как установить Православный календарь на вашем сайте на примерах, начиная с простой установки на текущий день и кончая более сложной, включающей JavaScript календари. Вы можете найти информацию о JavaScript на сайте W3Schools.

Основная идея заключается в том, что JavaScript loadCalendar2r.js использует XMLHttpRequest для вызова очень простого прокси скрипта pppr.php, написанного на PHP. Это скрипт читает параметры из loadCalendar2r.js, вызывает наш календарный скрипт calendar.php и передает ему эти параметры. Результатом работы calendar.php является HTML код, который возвращается через loadCalendar2r.js на вебстраницу в элемент T1R. Нам нужет прокси скрипт, потому что XMLHttpRequest не работает между домейнами.

Загрузите и распакуйте zip файл с каталогом examples. Чтобы установить Православный календарь на вашем сайте вам необходимо из этого каталога скопировать три файла: loadCalendar2r.js, pppr.php и один из стилей (calendar_style_cherry.css, calendar_style_blue.css или calendar_style_gray.css).

Давайте посмотрим как это работает на примере 1.1. Вы всегда можете посмотреть HTML код в брaузере если кликните на страницу примера правок кнопкой, а затем "View Page Source" или "View Source".

Пример 1.1 показывает жития святых, Евангельские чтения и тропари на текущий день. В заголовке вы видите ссылку на loadCalendar2r.js:

<script type="text/javascript" src="loadCalendar2r.js"></script>

Затем следует ссылка на стиль:

<link rel="stylesheet" type="text/css" href="calendar_style_cherry.css" />

HTML код возвращается сюда: <div id="T1R"></div>

И, наконец, небольшой JavaScript для вызова Православного календаря с нашего сайта:

<script type="text/Javascript">
var today=new Date();       // Определить текущую дату
var mm=today.getMonth()+1;  // Определить текущий месяц
var dd=today.getDate();     // Определить текущий день
var yy=today.getFullYear(); // Определить текущий год
var dt=1;                   // Выводить дату в формате "григорианский/юлианский"
var hh=1;                   // Выводить заголовок
var ll=1;                   // Выводить жития святых
var tt=1;                   // Выводить тропари
var ss=1;                   // Выводить Евангельские чтения

loadCalendar2(mm,dd,yy,dt,hh,ll,tt,ss);
</script>

И это все!

В приложении A вы найдете полное описание параметров функции loadCalendar2r. В приложении Б описаны стили. В примере для всех параметров можете посмотреть как будет выглядеть Православный календарь на вашем сайте с теми или иными параметрами функции loadCalendar2r.

---

С вопросами, пожеланиями и предложениями обращайтесь по адресу: