Yahoo! UIのTreeViewを使う2 - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ Yahoo! UIのTreeViewを使う2 前回、Yahoo! UIのTreeViewを利用したサンプルを作りましたが、今月(2006.5)に入って、Yahoo! UIがv0.10.0 にバージョンアップ しました。 前回のサンプルは新しいバージョンでもそのまま使えますが、せっかくなので、前回のサンプルでインクルードするライブラリは、新しいものに取り替えておきましたのでご参照ください。 v0.1と以前のバージョンの大きな違いは、いくつか新しいクラスが追加されたことと、 利用するための.jsファイルがbuild/ディレクトリ下に一元化されて、Libraryグループとしての一貫性が出来たこと。そして、その.js
Yahoo! UIのTreeViewを使う1 - ［JavaScript］All About
Yahoo! UIのTreeViewを使う1 Ajaxとともに注目の集まっている分野に、JavaScriptのDHTMLなエフェクトを使ったライブラリ群があります。有名なところでは、Dojoやprototype.jsを利用したscript.aculo.us、Rico、あるいは、Yahoo!が提供しているYahoo! User Interface Library(Yahoo! UI)などです。 これらの他にもいろいろあって、現在は群雄割拠という状態ですが、いずれも、アニメーションやウィジェット、ツリーメニューやカラーエフェクト、ドラッグドロップなどのツールをAjaxな機能とともに提供しているのが特徴です。 それぞれのライブラリには、それぞれの特徴があり、使用方法もさまざまですが、今回は、その中からYahoo! UIのTreeViewメニューを取り上げて、使ってみたいと思います。Yaho
Yahoo! UI Library: TreeView[Menu] - bnote
Yahoo! UI Libraryで提供されているtreeview.jsを使ってメニュー形式のツリー表示を行います。 フォルダとの違いは、expandAll(全て展開)ができないということです。 【基本:Yahoo! UI Library: TreeView[Folder]】 Yahoo! UI Library: TreeViewで準備するもの 最初にYAHOO.jsとtreeview.jsの2つのスクリプトを用意します。無い場合は、 Yahoo! UI Library: TreeViewから ダウンロードします。 TreeViewは、innerHTMLを使ってHTMLを出力します。そのため出力先となるタグ(id)を用意する 必要があります。例えば、HTMLに次のようなタグを用意します。 <div id="bn_tree"></div> 次にTreeView用の画像とスタイルシートを用意し
Yahoo! UI Library: TreeView[Folder] - bnote
Yahoo! UI Libraryで提供されているtreeview.jsを使ってフォルダ形式のツリー表示を行います。 標準的(フォルダアイコンの無い)とフォルダは、基本的に同じつくりになります。 Yahoo! UI Library: TreeViewで準備するもの 最初にYAHOO.jsとtreeview.jsの2つのスクリプトを用意します。無い場合は、 Yahoo! UI Library: TreeViewから ダウンロードします。 TreeViewは、innerHTMLを使ってHTMLを出力します。そのため出力先となるタグ(id)を用意する 必要があります。例えば、HTMLに次のようなタグを用意します。 <div id="bn_tree"></div> 次にTreeView用の画像とスタイルシートを用意します。配布されているファイルのsrcディレクトリに cssフォルダとimgフォルダ
Yahoo! UI Library: TreeView でソートができるようにする « ku
Yahoo! UI Library: TreeView というのを使ってみた。いろいろ紆余曲折があったけれどふつうに動かせるようになる。 しかし大きな問題が。 リファレンスをみればわかるように基本的にはふつうのTreeViewクラス。windowsのツリーコントロールと同じかんじでつくれるんだけど、ノードの追加のやり方が変。 var newnode = new YAHOO.widget.TextNode( "label", root, false); このコードでrootのノードの子要素として”label”という名前の新しいノードnewnodeができる。最後のfalseは、ノードを追加した時に親要素(ここではroot)を展開するかどうかを指定している。新しく追加されるノードは自動的に親要素の一番最後に配置されちゃう。順番に並べてる時とか、当然勝手に一番最後に入ってくれちゃ困るんだけど一
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
