script.aculo.usを利用すると、最近流行のAjaxを含めDHTMLのコーディングがめっちゃ楽になりそう。
まずはhttp://script.aculo.us/で
最新版のscript.aculo.usをダウンロード。
解凍展開したディレクトリの中のsrc/ディレクトリ以下をすべてコピー(http://example.com/js/あたりにいれとく)
script.aculo.usを利用するには、prototype.jsも必要になるのだが、これは解凍展開したディレクトリの中のlib/に入っているので、これもその他のjsと同じ場所にコピーする。
以下のように2つのライブラリを読み込んでおく。
<script type="text/javascript" src="/path/to/prototype.js"></script>
<script type="text/javascript" src="/path/to/scriptaculous.js"></script>
※素直にscript.aculo.usに同梱のprototype.jsを使わずに、別途http://prototype.conio.net/でダウンロードしてきたものを利用しようとしたら、駄目だった。
script.aculo.usサイト内をよーく見たら、prototype.jsのバージョンが1.4以上じゃないと駄目、とのこと。
http://prototype.conio.net/ではlatest versinが1.3.1(2005.11.25現在)なのでこっちで1.4以上のライブラリをダウンロードしてくるか、素直に同梱ものを使うべし。
Core Effect
Drag & Drop
script.aculo.usなサイト
- scriptaculous - http://script.aculo.us/
- Prototype.js - Effectサンプル - http://hori-uchi.com/prototype/Effect.html
- はてな技術発表会日記http://hatena.g.hatena.ne.jp/hatenatech/20051111/1131539607