- 2008-10-23 (Thu) 6:38
- 開発ツール・技術
これは素敵。イベントのスケジュールやテレビ番組表といったものを作るときに便利そうなスクリプトです。どの時間にどんなイベントがあるかを知らせるのに良いですね。
↑ こんな感じ。シンプルでかっこいいっす。
リンクや画像を仕込んだり、マウスクリックでイベントを発生させることも可能っぽいですよ。マークアップも以下のようにシンプル。
<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
こちらもあわせてどうぞ
- Newer: 百式企画塾をひっそりと再開・・・
- Older: ちょっとした説明に便利なTooltipsのスクリプトいろいろ
Posted on October 23rd, 2008
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2008/10/javascripttodays_timetable.html/trackback
- Listed below are links to weblogs that reference
- タイムテーブルを実装するための便利なJavaScriptライブラリ『today’s timetable』 from IDEA*IDEA ～ 百式管理人のライフハックブログ
