タイムテーブルを実装するための便利なJavaScriptライブラリ『today’s timetable』
- October 23rd, 2008
- Posted in 開発ツール・技術
- Write comment
これは素敵。イベントのスケジュールやテレビ番組表といったものを作るときに便利そうなスクリプトです。どの時間にどんなイベントがあるかを知らせるのに良いですね。
↑ こんな感じ。シンプルでかっこいいっす。
リンクや画像を仕込んだり、マウスクリックでイベントを発生させることも可能っぽいですよ。マークアップも以下のようにシンプル。
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/timetable.packed.css" />
<script type="text/javascript" src="Timetable/timetable.packed.js"></script>
</head>
<body>
<div id="mondayTable"></div>
<script type="text/javascript">
var Monday = new Timetable("mondayTable");
Monday.addEvent("French", 8, 1.3);
Monday.addEvent("Sport", 9.3, 1.3);
Monday.addEvent("Spanish", 11, 1);
Monday.addEvent("Maths", 14, 2);
Monday.addEvent("History", 16, 1);
</script>
</body>
</html>
データベースなんかと連動させればかなりおもしろいことができるのでは・・・。よろしければどうぞ。
■ 関連記事
- Google Charts APIをPHPから簡単に操作できるようにしたライブラリ『googChart』 | IDEA*IDEA
- テーブルの列をドラッグ＆ドロップで入れ替え可能にするJavaScriptライブラリ『dragtable』 | IDEA*IDEA
- ウェブでかっこいいグラフを描くためのライブラリやらテクニックやらのまとめ | IDEA*IDEA
No comments yet.