YUIのExample「Browser History Manager: TabView Control」へのリンク YUIには、Browser History Managerという変わった機能がある。このサンプルは以下のようにTabviewを使った例となっている。 ここで、上の画面には現れていないが、ブラウザーのURLが ht…

タイトルにある通り、グループ化したメニューに見出し（Title）をつけて表示するやり方。 メニューはbody内のMarkupから生成する。 「Menu Family: Grouped Menu Items Using Markup」と殆ど同じコードで生成できるが、Markupを作るにあたってのお約束が一つ…

これまでの例では、青系のスキンを仕様していたが、このExample（Exalpleのページへはこちら）では、スキンを変える方法が（簡単に）示されている。TabViewのスキンは、 tabview-core.css タブのレイアウトなどの基本スタイル（tab間のmarginやtabのpadding…

2009/6/5 tetsuya.odaka phpのバグを修正（なんで間違ったかな。動くはずないのに）=============================================先の例では、ProxyとなるPHPから「YAHOO! News SearchのWebService」を呼ぶ際に、output=phpを指定して、serialize化されたp…

2009/6/5 tetsuya.odaka phpのバグを修正（なんで間違ったかな）。============================================= このExample（Exampleのページへのリンクはこちら）は、少し面倒なコードが示されている。YAHOO.widget.Tabオブジェクトを生成する際、コン…

タブの追加（Adding Tabs）の次は、タブの削除（Removing Tabs）。（Exampleのページへのリンクはこちら）この例もYAHOO.widget.TabViewのremoveTab()メソッドを利用するだけの簡単なもの（YAHOO.widget.TabViewのAPIドキュメントはこちら） このAPIドキュメ…

このExampleでは（Exampleのページへのリンクはこちら）、動的にタブを追加する方法が示されている。これには、先の例、「Build from Script」で使用された、YAHOO.widget.TabViewのaddTab()メソッドが用いられる。サンプルの初期画面は以下。 ここで、「add…

先の例では、body内のmarkupからtabを生成したが、これと（ほぼ）同じものをYUIのScriptで書きましょう、というのが、この「TabView Control: Build from Script」のExample（ページへのリンクはこちら） 使うのは、YAHOO.widget.TabViewオブジェクトのaddTa…

Tabというのは要求の多い画面仕様の一つだが、スタイルシートと見出し用の画像で自作するのが、普通。 Ajaxライブラリーには、Tabを実装するものがたくさんあって、便利になったなぁ、と感慨ひとしお。YUIのExampleも、TreeViewの次は、TabViewをやってみよ…