タイムテーブルを実装するための便利なJavaScriptライブラリ『today’s timetable』

SPONSORED LINK

Pocket

これは素敵。イベントのスケジュールやテレビ番組表といったものを作るときに便利そうなスクリプトです。どの時間にどんなイベントがあるかを知らせるのに良いですね。

timetable.gif

↑ こんな感じ。シンプルでかっこいいっす。

リンクや画像を仕込んだり、マウスクリックでイベントを発生させることも可能っぽいですよ。マークアップも以下のようにシンプル。

<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>

データベースなんかと連動させればかなりおもしろいことができるのでは・・・。よろしければどうぞ。

» today’s timetable

■ 関連記事

ツイッターもやっています!

SPONSORED LINK

  1. No comments yet.

  1. No trackbacks yet.