files/ja/archive/mozilla/xul/popupguide/moveresize/index.html


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

---
title: MoveResize
slug: Archive/Mozilla/XUL/PopupGuide/MoveResize
tags:
  - XUL
  - XUL Popup Guide
translation_of: Archive/Mozilla/XUL/PopupGuide/MoveResize
---
<p>
<span id="Moving_and_Resizing_a_Popup"></span>
</p>
<h3 id=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97.E3.81.AE.E7.A7.BB.E5.8B.95.E3.81.A8.E3.83.AA.E3.82.B5.E3.82.A4.E3.82.BA" name=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97.E3.81.AE.E7.A7.BB.E5.8B.95.E3.81.A8.E3.83.AA.E3.82.B5.E3.82.A4.E3.82.BA">ポップアップの移動とリサイズ</h3>
<p>メニューとポップアップにはそれらを移動やリサイズするためのメソッドがあります。
</p><p><span id="Moving_a_Popup"></span>
</p>
<h4 id=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97.E3.81.AE.E7.A7.BB.E5.8B.95" name=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97.E3.81.AE.E7.A7.BB.E5.8B.95">ポップアップの移動</h4>
<p>いったんポップアップが開かれれば、そのポップアップの <span id="m-moveTo"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/moveTo">moveTo</a></code></span> メソッドによってポップアップを移動することができます。
</p>
<pre>void moveTo(in long left, in long top);
</pre>
<p>引数 <code>left</code> は画面上の水平位置で、引数 <code>top</code> は画面上の垂直位置です。このメソッドは与えられた引数に合致するように <code id="a-left"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/left">left</a></code> 属性と <code id="a-top"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/top">top</a></code> 属性を変更するので、これらの属性が永続化 (<span style="color: green;">persist</span>)されると、ウィンドウがふたたび表示された時にこの値が復元されます。
</p><p>次の例はポップアップを画面の左上の端に移動します。
</p>
<pre>popup.moveTo(0, 0);
</pre>
<p>この表示位置は、オペレーティングシステムが提供するメニューバーやタスクバーなどのユーザインターフェイス要素に重ならないようにずらされます。
</p><p><span id="Resizing_a_Popup"></span>
</p>
<h4 id=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97.E3.81.AE.E3.83.AA.E3.82.B5.E3.82.A4.E3.82.BA" name=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97.E3.81.AE.E3.83.AA.E3.82.B5.E3.82.A4.E3.82.BA">ポップアップのリサイズ</h4>
<p>ポップアップの大きさはその内容によって自動的に決定されます。たとえば、メニューの大きさはその中の全てのアイテムを表示するのに十分な大きさになります。メニューは画面上で利用できるスペースよりも大きくなることがあります。この場合、メニューはスクリーンの大きさに合わせて移動されます。たとえば、メニューのポップアップがメニューのラベルの下ではなく上に表示されることがあります。XUL アプリケーションのウィンドウを画面の下端に移動して、メニューまたはメニューを持つボタンをクリックするとこの効果を見ることができます。
</p><p>それでもポップアップが大きすぎる場合には、スクリーンの大きさに合うようにリサイズされます。メニューの両端に矢印が表示され、ユーザはアイテムをスクロールできるようになります。
</p><p>ポップアップの <span id="m-sizeTo"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/sizeTo">sizeTo</a></code></span> メソッドを使うと、ポップアップを手動でリサイズできます。
</p>
<pre>void sizeTo(in long width, in long height);
</pre>
<p>この例では、ポップアップが幅 200 pixel、高さ 300 pixel にリサイズされます。
</p>
<pre>popup.sizeTo(200, 300);
</pre>
<div class="noinclude">
</div>