1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
---
title: window
slug: Archive/Mozilla/XUL/window
tags:
- XUL Elements
- XUL Reference
translation_of: Archive/Mozilla/XUL/window
---
<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs">
« <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a> [
<a href="#Examples">例</a> |
<a href="#Attributes">属性</a> |
<a href="#Properties">プロパティ</a> |
<a href="#Methods">メソッド</a> |
<a href="#Related">関連項目</a> ]
</span></div>
<p>最上位のウィンドウの構造について記述します。最上位ウィンドウは XUL 文書のルートノードです。デフォルトで水平方向のボックスです。 ボックスなので、ボックスのすべての属性を使用することができます。標準では、ウィンドウの周りにプラットフォーム特有のフレームをもちます。</p>
<p>ウィンドウのアイコンを設定するには、プラットフォーム特有のアイコンファイル <var><windowid></var><code>.ico</code> や <var><windowid></var><code>.xpm</code> を作り、それらのファイルを <var><mozilla-directory></var><code>/chrome/icons/default/</code> ディレクトリにおくか、インストールしてください。<var><windowid></var> はウィンドウの id 属性の値です。これによってそれぞれのウィンドウに異なるアイコンを使うことができます。</p>
<p>ウィンドウにCSSファイル "<a class=" external" rel="external nofollow" title="chrome://global/skin/">chrome://global/skin/</a>" を含めるのを怠ると、そのウィンドウにはスタイルが適用されず、ダイアログとして開いた場合に非表示になるなどの不具合が起こります。</p>
<p>詳しい情報が <a href="/ja/XUL_Tutorial/Creating_a_Window" title="ja/XUL_Tutorial/Creating_a_Window">XUL チュートリアル</a>にあります。</p>
<dl> <dt>属性</dt> <dd><a href="#a-height">height</a>, <a href="#a-hidechrome">hidechrome</a>, <a href="#a-id">id</a>, <a href="#a-screenX">screenX</a>, <a href="#a-screenY">screenY</a>, <a href="#a-sizemode">sizemode</a>, <a href="#a-title">title</a>, <a href="#a-width">width</a>, <a href="#a-windowtype">windowtype</a></dd>
</dl>
<p><span id="Examples"></span></p>
<h3 id=".E4.BE.8B" name=".E4.BE.8B">例</h3>
<pre><?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="rootWnd" title="Register Online!"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<vbox>
<hbox>
<image src="application_form.png"/>
<description>Register Online!</description>
</hbox>
<groupbox align="start">
<caption label="Your Information"/>
<radiogroup>
<vbox>
<hbox>
<label control="your-fname" value="Enter first name:"/>
<textbox id="your-fname" value="Johan"/>
</hbox>
<hbox>
<label control="your-lname" value="Enter last name:"/>
<textbox id="your-lname" value="Hernandez"/>
</hbox>
<hbox>
<button oncommand="alert('save!')">
<description>Save</description>
</button>
</hbox>
</vbox>
</radiogroup>
</groupbox>
</vbox>
</window>
</pre>
<p><span id="Attributes"></span></p>
<h3 id=".E5.B1.9E.E6.80.A7" name=".E5.B1.9E.E6.80.A7">属性</h3>
<p> </p><div id="a-activetitlebarcolor">
<dl><dt> <code id="a-activetitlebarcolor"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/activetitlebarcolor">activetitlebarcolor</a></code> </dt><dd> 型: <em>color 文字列</em> </dd><dd> ウィンドウがアクティブな時のタイトルバーについて、背景色を指定された色にし、ウィンドウ内容との間の境界線を非表示にします。<em>この属性は Mac OS X でのみ有効です。</em> </dd></dl>
</div> <div id="a-height">
<dl><dt> <code id="a-height"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/height">height</a></code> </dt><dd> 型: <em>文字列型</em> (整数型に相当) </dd><dd> 優先する要素のピクセル単位の高さ。実際に表示される高さは、要素やその内容が持つ最小高または最大高によって異なります。CSS の height プロパティもまた使用されます。 </dd></dl>
</div> <div id="a-hidechrome">
<dl><dt> <code id="a-hidechrome"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/hidechrome">hidechrome</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> chrome に含まれる titlebar を隠すには、この属性を <code>true</code> に設定します。 </dd></dl>
</div> <div id="a-id">
<dl><dt> <code id="a-id"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/id">id</a></code> </dt><dd> 型: <em>window 内で固有の要素 ID</em> </dd><dd> 要素を識別するために付与される固有の識別子。 <code><a href="/ja/DOM/document.getElementById" title="ja/DOM/document.getElementById">getElementById()</a></code> などの DOM 関数やスタイルシートで要素を参照するために使うことができる。 </dd></dl>
</div> <div id="a-activetitlebarcolor">
<dl><dt> <code id="a-activetitlebarcolor"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/activetitlebarcolor">activetitlebarcolor</a></code> </dt><dd> 型: <em>color 文字列</em> </dd><dd> ウィンドウがアクティブな時のタイトルバーについて、背景色を指定された色にし、ウィンドウ内容との間の境界線を非表示にします。<em>この属性は Mac OS X でのみ有効です。</em> </dd></dl>
</div> <div id="a-screenX">
<dl><dt> <code id="a-screenX"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/screenX">screenX</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> スクリーンに表示するウインドウの水平位置。 </dd></dl>
</div> <div id="a-screenY">
<dl><dt> <code id="a-screenY"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/screenY">screenY</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> スクリーンに表示するウインドウの垂直位置。 </dd></dl>
</div> <div id="a-sizemode">
<dl><dt> <code id="a-sizemode"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/sizemode">sizemode</a></code> </dt><dd> 型: <em>下記の値のいずれか一つ</em> </dd><dd> <code><a href="/ja/docs/Mozilla/Tech/XUL/window" title="window">window</a></code> の状態。次の値が使用されます: </dd></dl>
<ul> <li><code>maximized</code>: window は最大化されており、スクリーン全体を占有しています。</li> <li><code>minimized</code>: window は最小化されているか隠れています。</li> <li><code>normal</code>: window は定められたサイズで通常の状態です。</li>
</ul>
</div> <div id="a-title">
<dl><dt> <code id="a-title"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/title">title</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> window のタイトルバーに表示するためのテキスト。 </dd></dl>
</div> <div id="a-width">
<dl><dt> <code id="a-width"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/width">width</a></code> </dt><dd> 型: <em>文字列型</em> (整数型に相当) </dd><dd> 優先的な要素の幅。すべての値はピクセルなので値に単位を含むべきではありません。実際に表示される幅は、要素やその内容が持つ最小幅または最大幅によって異なります。または、要素の幅はその親要素に従って柔軟に調節されます。CSS の width プロパティもまた使用されます。 </dd></dl>
</div> <div id="a-windowtype">
<dl><dt> <code id="a-windowtype"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/windowtype">windowtype</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> window の種類を識別するために使用する文字列を設定します。例えば、ブラウザウィンドウと編集ウィンドウを区別するために使用します。Mozilla のウィンドウを扱う関数の一部は、この属性を同じ種類のウィンドウをグループ化するために使用します。 </dd></dl>
</div>
<p><span id="Properties"></span></p>
<h3 id=".E3.83.97.E3.83.AD.E3.83.91.E3.83.86.E3.82.A3" name=".E3.83.97.E3.83.AD.E3.83.91.E3.83.86.E3.82.A3">プロパティ</h3>
<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>XUL 要素からの継承</strong><br> <small> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/width">width</a></span></code></small></p> </td> </tr> </tbody>
</table>
<p><span id="Methods"></span></p>
<h3 id=".E3.83.A1.E3.82.BD.E3.83.83.E3.83.89" name=".E3.83.A1.E3.82.BD.E3.83.83.E3.83.89">メソッド</h3>
<div style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;">
<p><strong>XUL 要素からの継承</strong><br>
<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttribute">getElementsByAttribute</a></code></span>, <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span> </small></p>
<p><strong>DOM 要素からの継承</strong><br>
<small> <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.appendChild">appendChild()</a></code>, <a class="internal" href="/ja/DOM/Node.compareDocumentPosition" title="ja/DOM/Node.compareDocumentPosition">compareDocumentPosition</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <a class="internal" href="/ja/DOM/Node.getFeature" title="ja/DOM/Node.getFeature">getFeature</a>, <a class="internal" href="/ja/DOM/Node.getUserData" title="ja/DOM/Node.getUserData">getUserData</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.insertBefore">insertBefore()</a></code>, <a class="internal" href="/ja/DOM/Node.isEqualNode" title="ja/DOM/Node.isEqualNode">isEqualNode</a>, <a class="internal" href="/ja/DOM/Node.isSameNode" title="ja/DOM/Node.isSameNode">isSameNode</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.isSupported">isSupported()</a></code>, <a class="internal" href="/ja/DOM/Node.lookupNamespaceURI" title="ja/DOM/Node.lookupNamespaceURI">lookupNamespaceURI</a>, <a class="internal" href="/ja/DOM/Node.lookupPrefix" title="ja/DOM/Node.lookupPrefix">lookupPrefix</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code>, <a class="internal" href="/ja/DOM/Node.setUserData" title="ja/DOM/Node.setUserData">setUserData</a></small></p>
</div>
<p><span id="Note"></span></p>
<h3 id=".E6.B3.A8.E6.84.8F" name=".E6.B3.A8.E6.84.8F">注意</h3>
<p>"XML Parsing Error: undefined entity...<window" のエラーメッセージは、XUL ファイル内で参照された DTD ファイルが見つからないか、パスの間違いによって起こります。DOCTYPE 宣言の SYSTEM キーワードの次に来るファイル名は暗黙の内に読み込みが失敗し、エラーメッセージのみが、次の XUL 要素上で未定義の実体エラーになります。</p>
<p><span id="Related"></span></p>
<h3 id=".E9.96.A2.E9.80.A3.E9.A0.85.E7.9B.AE" name=".E9.96.A2.E9.80.A3.E9.A0.85.E7.9B.AE">関連項目</h3>
<dl> <dt>要素</dt> <dd><code><a href="/ja/docs/Mozilla/Tech/XUL/dialog" title="dialog">dialog</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/dialogheader" title="dialogheader">dialogheader</a></code></dd>
</dl>
<p><span id="User_notes"></span></p>
<h3 id=".E3.83.A6.E3.83.BC.E3.82.B6.E3.83.8E.E3.83.BC.E3.83.88" name=".E3.83.A6.E3.83.BC.E3.82.B6.E3.83.8E.E3.83.BC.E3.83.88">ユーザノート</h3>
<p>ウィンドウのタイトルバーのアイコンを変更する方法は、<a href="/ja/Window_icons" title="ja/Window_icons">Window icons</a> をご覧ください。</p>
<p>ロケーションバーとブラウザのタブ(ダイアログなどはポップアップではありません) に favicon を追加するには、次のコードを HTML 名前空間とリンクに使用してください。</p>
<pre><window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml">
<!-- Icon from chrome -->
<html:link rel="icon" href="chrome://myExtension/content/path/to/favicon.png"/>
<!-- From a remote site -->
<html:link rel="icon" href="http://www.mozilla.org/favicon.ico"/>
</pre>
|