javascriptライブラリ「UIDirectory」

2009/12/12
・出力されるHTMLの一番外側のul要素にId属性を設定する「UISetting.root.setHTMLId」メソッドを追加しました。
・UIItemにもUIDirectory同様、createHTML、createTextメソッドが使用できるようになりました。

色々と穴がありますが、いたって普通の使い方であれば問題なく動作するかと思います。
勉強がてらに作っただけなのでサポートや要望は受け付けていませんのでご了承ください。
動的に生成されるのでSEOに問題があるかと思いますので、そんな人のためにプレーンテキストを出力も可能です。
コピペしてご活用してみてください（改行はされていないのでDreamweaverなどのソースフォーマット機能で整形してください）。
UIDirectory.jsの下部にある簡易マニュアルもご参考にしてください。

サンプルソース

//出力されるHTMLのrootとなるul要素のid属性を設定/取得（String）
//UISetting.root.setHTMLId("root_id");
//UISetting.root.getHTMLId();
 
//出力されるHTMLのclass属性を設定
//UISetting.className.root = "root"; 
//UISetting.className.rootDirectory = "rootDir"; 
//UISetting.className.directory = "dir";
//UISetting.className.directoryLabel = "dirLabel";
//UISetting.className.item = "item";
//UISetting.className.itemLabel = "itemLabel";
//UISetting.className.icon = "icon";
//UISetting.className.empty = "empty";
//UISetting.className.emptyLabel = "emptyLabel";

//アイコンのパス及びテキスト表現を設定
//UISetting.icon.directoryOpenIconSRC = "/common/img/icon_folder_o.gif";
//UISetting.icon.directoryCloseIconSRC = "/common/img/icon_folder_c.gif";
//UISetting.icon.itemIconSRC = "/common/img/icon_file.gif";
//UISetting.icon.directoryOpenIconText = "□";
//UISetting.icon.directoryCloseIconText = "■";
//UISetting.icon.itemIconText = "*";

//アイコンのタイプを設定
//UISetting.icon.directoryIconType = "image"; // image or text
//UISetting.icon.itemIconType = "image"; // image or text

//ページ移動時のウインドウターゲット指定
//UISetting.windowTarget = "_blank";

//イベントハンドラメソッドを設定（デフォルトが上書きされる）
//UISetting.func.onClickDirectory = function(elem,obj){};
//UISetting.func.onMouseOverDirectory = function(elem,obj){};
//UISetting.func.onMouseOutDirectory = function(elem,obj){};
//UISetting.func.onClickItem =  function(elem,obj){};
//UISetting.func.onMouseOverItem = function(elem,obj){};
//UISetting.func.onMouseOutItem = function(elem,obj){};

var root = new UIDirectory("マイドキュメント","Root"); 
var pic = new UIDirectory("マイピクチャ"); 
var music = new UIDirectory("マイミュージック"); 
var pic1 = new UIDirectory("エロいやつ");
var pic2 = new UIDirectory("萌え系");
var item1 = new UIItem("googleさんで検索","http://www.google.co.jp/search?hl=ja&rlz=1C1GGLS_jaJP291JP303&q=%E8%90%8C%E3%81%88%E7%B3%BB&btnG=%E6%A4%9C%E7%B4%A2&lr=&aq=f&oq=");
var item2 = new UIItem("画像をダイレクトで見る","http://image.space.rakuten.co.jp/lg01/23/0000254323/38/img52676ad5zikezj.jpeg");

root.openIconSRC = root.closeIconSRC = "/common/img/icon_folder_mydoc.gif";
root.addChild(pic);
root.addChild(music);
pic.addChild(pic1);
pic.addChild(pic2);
pic2.addChild(item1);
pic2.addChild(item2).target="_blank";

window.onload = function(){
document.getElementById("container").innerHTML = root.createHTML();
document.getElementById("source").innerHTML = root.createText();
};