Google Calendar на Вашем сайте (вольный перевод)

Дата: 22.04.2006
Рубрики: Веб разработки |

Прочитав статью Howto integrate Google Calendar in your website using AJAX я решил перевести её для тех, кто не очень “рубит” в английском. Перевод вольный и неполный, но суть передается.

Одна из интересных фишек, которую я обнаружил, используя Google Calendar, это то, что все записи можно вывоить в форматах XML или iCal, при этом делая их публичными или приватными. Поскольку формат XML открыт, я решил попробовать интегрировать Google Calendar в свой сайт. Это удобно особенно для блоггеров и владельцев сообществ, чтобы оповещать друг друга о каких-то событиях (например путешествиях или сходках).

Для начала я взял один скриптик, который использовал для чтения RSS, сделанный с помощью Ajax. Однако данные тут передавались не через RSS, а по XML. Поэтому скрипт нуждался в модификации.

Далее я создал публичный календарь и назвал его “Дни рожденияAJAX Events”, куда запостил семинары по Аяксу, но они показывались только на май. Как сделать на более долгий период, я не знаю.

// Change this with your Google calendar feed
$calendarURL = ‘http://www.google.com/calendar/feeds/’;
// Nothing else to edit
$feed = file_get_contents($calendarURL);
header(’Content-type: text/xml’);
echo $feed;

В качестве парсера выступает JavaScript:

// Parsing Feeds
var node = RSSRequestObject.responseXML.documentElement; 

// Get the calendar title
var title = node.getElementsByTagName(’title’).item(0).firstChild.data;

content = ‘
<div class="channeltitle">‘+title+’</div>

‘;

// Browse events
var items = node.getElementsByTagName(’entry’);
if (items.length == 0) {
	content += ‘
<ul>
<li>
<div class=error>No events</div>
</li>
</ul>

‘;
} else {
	content += ‘
<ul>‘;
	for (var n=items.length-1; n >= 0; n–)
	{
		var itemTitle = items[n].getElementsByTagName(’title’).item(0).firstChild.data;
		var Summary = items[n].getElementsByTagName(’summary’).item(0).firstChild.data;
		var itemLink = items[n].getElementsByTagName(’id’).item(0).firstChild.data;
		try
		{
			var itemPubDate = ‘<font color=gray>[’+items[n].getElementsByTagName(’published’).item(0).firstChild.data+’] ‘;
		}
		catch (e)
		{
			var itemPubDate = ”;
		}

		content += ‘
<li>‘+itemPubDate+’</font><a href="'+itemLink+'">‘+itemTitle+’</a></li>

‘;
	}

	content += ‘</ul>

‘;
}

Скрипт протестирован был в Firefox 1.5.0.2 и IE7 (а также в IE6 тоже работает), но должен работать в большинстве современных браузеров.

Скачать или Попробовать AJAX Google calendar Reader

Оригинал статьи тут (если есть какие-либо недочеты - пишите в комментарии).

Комментарии

© 2007 Сергей Жуковский.