Sunday, September 16, 2007

blogger に Google Calendar

bloggerの sidebar に google calendar のイベントを表示。 Google Embeddable Calendar Helperを使えばカレンダーを埋めこめるけど、sidebarに表示するのには大きすぎる。 いろいろ調べてみるとpublic calendarならGoogle Calendar API JSON Output使うのが簡単そうだったので、ちょろっと作ってみた
こんな感じに使う
<div id="gcalevent"><p>Loading...</p>
</div>

<script type="text/javascript"><!--
var gcal_list_id = "gcalevent";
var gcal_lists = [ 
  // FSIJ
  "atbere3p9bqsq48pvqht2ks1b0@group.calendar.google.com",
  // Debian
  "bq4u4851nqgnuu2soi1l6eeaqc@group.calendar.google.com",
  // JLA
  "i8aboqfuvj9d9ondgiv2jkju4c@group.calendar.google.com",
  "japanese__en@holiday.calendar.google.com"
];
// --></script>
<script type="text/javascript"
 src="http://ukai.jp/js/gcal_list.js" >
</script>
元のサンプルとはちょっと違って、複数のcalendarをロードして時間順に表示することができる。 9/16 13:45 インターフェースを変更