skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

タイムテーブルを作るJavaScript「today's timetable」

｜ ｜ ｜ ｜ ｜ ｜ ｜

タイムラインを作るJavaScriptはこれまでに2種類紹介しました。
タイムライン作成javascript「Timeline」
Google Mapライクな年表を作成するjavascriptAPI「Timeline」
どちらも割と導入に手間がかかりましたが、今回のtoday's timetableは簡単にタイムテーブルを作成可能です。

使用方法
today's timetableからtimetable.packed.js、timetable.packed.css、back.gifをダウンロードします。
あとは下記のように埋め込みます。
<link rel="stylesheet" type="text/css" href="timetable.packed.css" />
<script type="text/javascript" src="timetable.packed.js"></script>

あとは表示したい場所に以下を記述します。
<div id="id名"></div>
<script type="text/javascript">
var timetable = new Timetable("id名");
timetable.addEvent("内容", 時間, 期間);
</script>
タイムテーブルを作るJavaScript「today's timetable」サンプル

記事作成：2008年10月23日

前の記事：JavaScriptライブラリprototypeで華麗に画像を表示する「showcase」
次の記事：角丸をJavaScriptライブラリjQueryで作る「jQuery Corners」