先のログに書いたが、これまでのサンプルなどを「一まとめのコード」にしようとしている。 そのせいで、ログの更新も滞りがち。以前にサンプリングした、YUIのOfficial Examplesの中にDrag Dropの面白いサンプル（これ）があったので、それをモディファイし…

漠然としたタイトルだが、要するに「アプリを作ったとき、画面それぞれにヘルプをつけたい」というためのプログラムのこと。先日のログで作成した、（ログインユーザーのロールに応じた）メニュー機能を転用し、以下の仕様とした。 ヘルプの文面はMarkupで記…

ログイン処理をもう少し実用向けにしてみたい。 以前、どこかのサイトで「認証はページに帰属させる」という記事を読んだ記憶がある。認証処理はアクションに帰属させるのが一般的であろうが、Ajaxを前提とした場合、ページに帰属させることで、少なくとも利…

趣向を変えて、YUI2.7.0のPanelを使って、モーダル（modal）表示のログイン画面を作ってみた。ログインは、 E-Mailアドレス パスワード で行うことにし、この情報は、CSV形式でサーバーに置く（以下）。 dummy@dummy.com,password画面の動きは以下のようにす…

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: 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に似た振る舞い」と書かれている。 …