エクスプローラ風Treeを表示するJavaScript (dTree)
2007年4月6日(金) 09:35
Windowsを使っていると良く目にするTree表示。デレクトリ、フォルダ階層など表示に利用されることが多い。ブログなどではカテゴリ表示などで利用されているのを目にする。そんなTreeをJavaScriptで簡単に作成できるのがdTree。
Tree階層構造を表示する際にはJavaScriptコードのみで、HTMLタグの出力は必要が無くなる。HTMLコードに影響を受けなくなる為、JavaScriptを外部ファイルとして作成することも楽になる。また、完全に動的に生成したりする用途に向いている。
Treeの展開や表示処理も、同様のライブラリに比べ若干早いのも特徴。ドキュメントが用意されているが、若干分かりにくいので、サンプルを参考に作成していくと良い。
アイコンの非表示、フォルダリンク制御、すべて表示、指定ノードの表示などいろいろと便利な機能も備わっている。PHPなどの言語からも比較的簡単に出力できるJavaScriptコードになっている為、様々な場面で利用できる。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

