JavaScript(AJAX)サンプル集 Yahoo! User Interface Library(YUI) - Menu
スポンサードリンク Yahoo! User Interface Library - Menu YUI Menuとは Overlayの拡張で、右クリックをしたときに出てくるメニューやブラウザの一番上のメニューバーのようなインターフェイスを作成することができます。 詳しくはhttp://developer.yahoo.com/yui/menu/のオリジナルを読まれるのがよいと思います。 Menuを使う前準備 必要なのは6つのファイルです。もちろんインストールは済ませておく必要があります。 <script type="text/javascript" src="your install path/yahoo-min.js"></script> <script type="text/javascript" src="your install path/dom-min.js"></script> <
DataTable Control: Basic Example - tetsuya_odakaの日記
YUIのExample「DataTable Control: Basic Example」へのリンク YUIのExampleのタイトルはBasic Exampleと書いてあるが、「（テーブル表示は）結構、これで（もう）いいんじゃないの？」というサンプルとなっている（ページングとかあるか。。。）。 画面はサンプリングとして作成した画面。 YUIのExampleでは、日付の表示方法（M/D/Yとなっている）ところと、通貨単位が$(Dollar Mark)から\(Yen Mark)となっているところが異なっている。 これらは、DataTableをインスタンス化する際の、Configuration Attributeとして指定できる。 このブログに上げてきたHTMLは全てUTF-8でエンコードしているが、さて、Yen Markはバックスラッシュになってしまう。 コードをそのままいれて見たりしたが、
Menu Family: Adding A Context Menu To A Table - tetsuya_odakaの日記
このExampleは、動かしただけでは意味の分からない例（YUIのExampleのページへのリンクはこちら）。 Exampleのページを読むと「何をしたいのか」分かるのだが、tableのようなたくさんの要素があるmarkupに対してContextMenuを貼る方法の例となっている。 このページでは、 tableのtdやtr（ulやli）といった数の多い要素(エレメント）に、ContextMenuインスタンスを貼り付けるのはレスポンスの観点から見てもよくない。 そのルート要素に貼り付けて（つまり、大きな括りのElementをtriggerにして）、動的にメニューのコンテンツを変化させる。 といったことが書かれている。 このExampleは、その方法を1つの示している。 サンプリングした初期画面は以下。YUIのExampleでは、99行もある行列が使われているが、上の目的を理解してしまえば、そ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
