jQueryを使ってファイルツリーを表示できる『jQuery File Tree』
March 27, 2008 9:08 AM written by Gen Taguchi

これもいつか使いたい。jQueryを使ってファイルツリーを表示できるライブラリです。イントラネットとかに良さそうですね。

jquery.gif

↑ こんな感じのファイルツリーを簡単に。

jQueryとこのライブラリを読み込めばコードは以下のようにシンプルに記述するだけです。

$(document).ready( function() {
    $('#container_id').fileTree({ root: '/some/folder/' }, function(file) {
        alert(file);
    });
});

ちなみに実際に動作しているデモはこちら。

» jQuery File Tree Demo

複数のフォルダを同時に開かせないだとか、ファイルやフォルダを選択するときの動作(クリックなのか、ダブルクリックなのかとか)もオプションで指定できますね。

また選択したファイルはファイル名を文字列で返してくれるのでそのあとの挙動は自分で好きなように設定できるようです。

なかなか良さそうですね。詳細&ダウンロードは以下からどうぞ。

» jQuery File Tree

この記事のトラックバックURL (トラックバックは承認後に公開されます)

コメント一覧

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
あわせて読みたい

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

タブブラウザ Sleipnir 公式ページ(上級者向け)

Powered by
MovableType 3.33-ja

人気ブログランキング - idea*idea
ワード
www.flickr.com
This is a Flickr badge showing photos in a set called 自炊生活. Make your own badge here.
Firefox meter