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

YUIのExample「Button Control: Slider Button」へのリンク このExampleは、写真を表示して、スライダーでその透過度を変えるというもの。初期画面は以下。YUIのExampleがFlickrをイメージ・ソースにしていたので、自分がFlickr（Flickrへはこちら）にupして…

YUIのExample「Button Control: Color Picker Button」へのリンク カラーピッカー（Color Picker；カラーサンプルから色をピックアップするためのモジュール）のExampleである。一風変わったサンプルになっていて、橋の映った半透過pngの背景色をカラーピッ…

YUIの「Button Control: Calendar Menu Button with Date on Button Face」へのリンク このExampleも先の「Button Control: Simple Calendar Menu Button」と殆ど同じ内容のカレンダーピッカー。唯一の違いは、これがForm送信を意識していることで、ピックア…

このExampleの初期画面は以下。見ての通りのカレンダーピッカー（Calendar Picker）である（YUIのExampleへのリンクはこちら）。 カレンダーアイコンのついているボタンをクリックすると、以下のようにカレンダー（メニュー）が表示される。このとき、「今日…

Menu Buttonとは、ボタンを押すとリストボックスのようにMenuが展開されるボタンのこと（YUIのExampleのページへのリンクはこちら）。サンプリングは以下の画面。（これまでのButtonの例と同じように）Markupから生成される場合と、YUIライブラリーからJavas…

resetボタン(input type="reset")を生成するサンプル。（YUIのExampleのページはこちら） 他のボタン同様、markup（inputタグやbuttonタグ）から生成する場合と、ボタンを入れるコンテナ（div）だけ指定してYUIモジュールだけで作成する場合が示されている。…

このExampleでは、submitボタンをYUIライブラリーを用いて作る（Exampleのページへのリンクはこちら）。初期画面は以下で、これまでのExample同様に、inputタグ（input type=submit）、buttonタグといったmarkupからのボタンの生成と、markupに関係なくYUIラ…

チェックボックスと同様、ラジオボタンも、その形状をボタン様にすることができる。 このExample（Exampleのページへのリンクはこちら）は、その方法を示している。下はサンプルの初期画面。 見た目は先のチェックボックスとかわらないが、ラジオボタンであ…

YUIのボタンオブジェクト（YAHOO.widget.Button）を使うと、チェックボックスをボタン（の格好）にすることができる(YUIのExampleのページはこちら)。このExampleでは、チェックボックスをmarkup（inputタグのtype=checkbox、buttonタグ）から生成する方法と…

先の例「Button Control: Push Buttons」では、ボタンクリックでハンドラーを動かしたが、このExampleでは、ボタンクリックでLink先に飛ばす（Link Buttomとはこの意味）。サンプルの初期画面は以下。 この場合も、bodyタグ内のmarkupからボタンを形成する方…

ボタンの生成の方法をいろいろと例示しているExample（YUIのExampleページへのリンクはこちら）。YAHOOボタンも、 button.js button.css という、JavascriptライブラリとCSSの2本立てで形成されている。(実際には、element-beta-min.jsも読み込む)初期画面は…