XUL improvements in Firefox 3
出典: MDC
この記事は Firefox 3 の新機能について述べています
Firefox 3 では、既存の要素の改善と共に、多くの新しい XUL 要素が提供されます。これらは、他の場所で詳細が文書化されていますが、この記事では、これらの改善の便利な一覧と詳細なドキュメントへのリンクを提供します。
目次 |
[編集] 新しい要素
- ある範囲の中で値を選択するのに使われるスライディングスケールを作成するために
<scale>要素が追加されました。例えば、音量コントロールには特にこの要素が使われるでしょう。 - テキストボックスの
type属性の新しい値numberは数値のみが入力されるテキストボックスを作ります。更に、値を段階的に増減させるための矢印ボタンが片側に表示されます。 数値入力用テキストボックスについての更なる情報 (bug 345510) - XBL バインディングを使ったメニューのようなウィジットを作るときに便利な
<dropmarker>要素が追加されました。 (bug 348614) - XBL バインディングを使ったウィジットを作るときに使うことのできる
<spinbuttons>要素が追加されました。 (bug 155053) - 日付と時刻を入力するために
<datepicker>と<timepicker>の 2 つのウィジットが使うことができます。type属性を設定すると、テキストボックスやカレンダのような日付ピッカの多くのスタイルが利用可能になります。日付ピッカについての更なる情報 Datepicker リファレンス Timepicker リファレンス - 新しい
<panel>要素は、メニューではないポップアップのために設計されたもので、あらゆる種類のコンテンツをサポートできます。メニューには <menupopup> 要素を使ってください。メニューはキーボードナビゲーションを提供し、サブメニューの開閉をサポートしています。 - ガイド は、新機能として利用可能になったメニューとポップアップを説明するために作成されています。
[編集] ツリーの改善点
- ツリーは水平方向のスクロールをサポートするようになりました。水平方向のスクロールバーはコラムが利用可能な幅に収まらないときに表示されます。これは、コラムが利用可能な空間よりも多い幅を指定している場合におきます。 (bug 212789)
- 新しい選択スタイルでは列全体ではなくセルを個々に選択できるようになります。これはツリーの
seltype属性をcellにすることで利用可能になります。(bug 296040) - ツリーは個々のセルの編集をサポートするようになります。編集可能なセルをダブルクリックするとユーザがセルの内容を編集できるテキスト入力欄を表示します。詳細 (bug 201499)
- <treecol> 要素がオーバーフロー属性をサポートしました。この属性を true にすると、カラム内のセルのテキストがセル内に収まりきらない場合、隣接する空白のセルに広がります。
[編集] メニューの改善点
<menu> と <menulist> 要素でいくつかの改良が行われました (bug 333023):
image属性が画像の設定に一貫して使われます。<menulist>要素はアイテムが選択されるとselectイベントを発生させます。inputFieldとeditableプロパティが<menulist>要素に追加されました。<menu>と<menuitem>、<menuseparator>要素は<menulist>要素内でそのアイテムが選択されているかどうかを取得するための読み込み専用のselectedプロパティをもつようになりました。<menu>と<menuitem>、<menuseparator>要素はその要素を囲んでいる<menulist>を返す、読み込み専用のcontrolプロパティをもつようになりました。<menu>と<menuitem>、<menuseparator>要素は対応する属性を設定するaccessKeyとdisabled、crop、image、labelプロパティをサポートするようになりました。<menu>要素に、<menuitem>属性を追加、挿入、削除するメソッドが実装されました (bug 372552)- 編集可能（editable="true"）な <menulist> 要素のテキスト入力欄に対する内部的な nsIEditor を取得するための
edtiorプロパティのサポート。(bug 312867) - 半透明をサポートしているプラットフォームではメニューは半透明になるかもしれません。 (bug 70798)
[編集] textbox の改善点
- textbox の
spellcheck属性をtrueに設定するとテキストボックスのインラインスペルチェックが有効になります。(bug 346787) <textbox>要素は値を初期値にリセットするreset()メソッドを持つようになりました。textbox のdefaultValueプロパティを使って初期値の変更や取得を行うことができます。(bug 312867)- テキスト入力欄の内部 nsIEditor を得るための
editorプロパティのサポート。 (bug 312867) - textbox は、テキストを貼り付ける際の改行の扱い方を指定するための
newlines属性をサポートするようになりました。(bug 253481) 取りうる値は以下の通りです:pasteintact- すべてそのままの状態で貼り付けるpastetofirst- (初期値) 最初の改行までを貼り付けるreplacewithspaces- 改行を空白に置き換えるreplacewithcommas- 改行をコンマで置き換えるstrip- すべての改行を取り除く。stripsurroundingwhitespace- すべての改行と先頭および末尾の空白を取り除く。
[編集] 他の要素の改善点
<button>要素のtype属性をrepeatとすることで、ボタンを押下している間 command イベントを繰り返し発生するようなボタンを作ることができます。(bug 331055)<dialog>要素のbuttondisabledaccept属性を使うことによって、 accept (OK) ボタンを初期状態で無効にすることができるようになりました。 (bug 247849)<titlebar>要素が、子要素にイベントが渡るようにするallowevents属性をサポートしました。(bug 361425)<splitter>要素が、collapse属性の新しい値bothをサポートしました。これは、スプリッタをドラッグしたときに、両側の要素を伸縮できるようにするものです。要素の伸縮前または伸縮後にはsubstate属性が設定されます。<richlistbox>要素が複数選択に対応しました。seltype属性をmultipleにすることで複数選択が可能になります。<radio>要素が、そのラジオボタンが属する<radiogroup>要素の id を設定できるgroup属性をサポートしました。これは、ラジオボタンを<radiogroup>内に記述した場合とは異なる配置にしたい場合に利用できます。- メニューとパネル、ツールチップが、
openPopup()とopenPopupAtScreen()という 2 つの新しいメソッドをサポートしました。これらのメソッドは、使い方が分かりづらかったshowPopupの代わりに使います。