YUIのExample「DataTable Control: Showing, Hiding, and Reordering Columns」へのリンク 先の「DataTable Control: Showing, Hiding, and Reordering Columns（その１）」では、列のDrag and Dropだけに着目したが、ここでは、YUIのExampleそのものについ…

YUIのExample「Calendar Control: Calendar inside a Container」へのリンク このExampleのページ（上のリンク）にこう書いてある。 The default Calendar/CalendarGroup controls do not provide positioning or dragdrop support natively, as the Contain…

YUIのExample「Layout Manager: Layout inside a resizable Panel」へのリンク 実は（わざわざもったいぶって言うことでもないのだが）、このLayout Panelというのは個人的には好きではない。 これは、かつて（随分前だけど）、dojoでひどい目にあったことが…

YUIのExample「Color Picker Control: Example of Color Picker Built in a Dialog via JavaScript」へのリンク YAHOO.widget.ColorPickerを、YAHOO.widget.Dialogをコンテナとして入れるExample。 ColorPickerは、先のButtonのところで出てきた（「Button C…

YUIのExample「Implementing Container Keyboard Shortcuts with KeyListener」へのリンク このExampleではキーボードのリスナー（キーボードが押されるというイベントに反応するリスナー）を作成している。 このためには、YAHOO.util.KeyListenerを利用する…

YUIのExample「Container Family: Using the Overlay Manager to Manage Multiple Panels」へのリンク このExampleでは、YAHOO.widget.OverlayManagerを紹介している。 以前のサンプル「Container Family: Simple Panel Example」で、2つ開けたPanelのz-inde…

YUIのExample「Container Family: Using ContainerEffect Transitions」へのリンク このExampleでは、YAHOO.widget.Overlayオブジェクトの現れ方が、3つのバリエーションで照会されている。 この3つとは Fade In / Out Slide In / Out Slide with Fading In …

YUIのExample「Container Family: SimpleDialog Quickstart Example」へのリンク。 YAHOO.widget.SimpleDialogはYAHOO.widget.Dialogのサブクラスで、いわゆる、Confirmation Box（確認画面）を出すために、Dialogを簡易化させたもの。DialogがFormをsubmit…

YUIのExample「Container Family: Dialog Quickstart Example」へのリンク YAHOO.widget.Dialogオブジェクトは、YAHOO.widget.Panelのサブクラスで、DraggableなDialog Windowを生成する。 YUIのExampleのページでは、Dialog Windowを以下のように定義してい…

YUIのExample「Container Family: Creating a Resizable Panel」へのリンク Reasizable Panel（Resizable Windowsともいう）とは、文字とおり、大きさの変えられるPanel（Window）のことを指す。YUIのExampleのページを見ると、この機能が実装されたのは、YU…

YUIのExample「Container Family: Creating a Modal "Loading" Panel」へのリンク Modal表示とは、ある一つの表示エリア以外を「触れないようにする」表示形態のことである。 よく、ログイン画面などで、ユーザーIDとパスワードの入力エリアのみを表示し、認…

YUIのExample「Container Family: Skinning a Panel with Custom CSS: Advanced」へのリンク このExampleは、Advanscedと書かれているが、スタイルの知識があれば、先の「Container Family: Skinning a Panel with Custom CSS: Introduction」と殆ど変わらぬ…

YUIのExample「Container Family: Skinning a Panel with Custom CSS: Introduction」へのリンクはこちら。 このExampleでは、Panelのスキン（見た目、スタイル）の変え方の基本について述べられている。 先のExampleにもあったように、Panelはデフォルトの…

YUIのExample「Container Family: Simple Panel Example」へのリンク このExampleはシンプルなYAHOO.widget.Panelの例。 Panelというよりも、PopupしないWindowといった方がいいかもしれない。 YUIの説明に、「OSのWindowに似た振る舞い」と書かれている。 …

YUIのExample（Container Family: Simple Tooltip Example）のページへのリンク このExampleでは、Tooltipの簡単な作り方が示されている（たしかに簡単に作れる）。Tooltip（ツールチップ）とは、YUIの上記リンクによれば、 The standard tooltip interactio…

YUIのExample「Creating and Positioning an Overlay」へのリンク。 YAHOO.widget.Overlayは、YAHOO.widget.Moduleの子孫である。 また、Menu、Panel、Tooltip、Dialog（DialogはPanelの子孫）といった重要なモジュール群の祖先となっている。 YUIのExample…

YUIのExample「Container Family: The Module Control」へのリンク このExampleを見て、Menuの前にやればよかったと思った。 ここには、以下のような重要な事項が書かれている。 Container familyは、YAHOO.widget.Moduleをそのベースクラスとしている。 ･･･…