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
140
141
142
143
144
145
146
|
---
title: splitter
slug: Mozilla/Tech/XUL/splitter
tags:
- Dokumentacja_XUL
- Elementy_XUL
- Strony_wymagające_dopracowania
translation_of: Archive/Mozilla/XUL/splitter
---
<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs">
« <a href="/pl/docs/Dokumentacja_XUL">Dokumentacja XUL</a> [
<a href="#Przyk.C5.82ady">Przykłady</a> |
<a href="#Atrybuty">Atrybuty</a> |
<a href="#W.C5.82asno.C5.9Bci">Własności</a> |
<a href="#Metody">Metody</a> |
<a href="#Podobne">Podobne</a> ]
</span></div> <p>Element, który powinien pojawić się przed lub za elementem wewnątrz kontenera. Kiedy rozdzielacz jest przeciągany, elementy sąsiednie rozdzielacza zmieniają rozmiar. Jeśli chwytak
(<code><a href="/pl/docs/Mozilla/Tech/XUL/grippy" title="grippy">grippy</a></code>) jest umieszczony wewnątrz rozdzielacza, jeden z elementów sąsiednich do rozdzielacza jest chowany, kiedy chwytak zostanie kliknięty.
</p><p>Dodatkowe informacje są dostępne w <a href="pl/Kurs_XUL/Rozdzielacze">kursie XUL</a>.
</p>
<dl><dt> Atrybuty
</dt><dd> <a href="#a-collapse">collapse</a>, <a href="#a-resizeafter">resizeafter</a>, <a href="#a-resizebefore">resizebefore</a>, <a href="#a-state">state</a>, <a href="#a-substate">substate</a>
</dd></dl>
<dl><dt> Klasy stylów
</dt><dd> <a href="#s-tree-splitter">tree-splitter</a>
</dd></dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3>
<p>(potrzebne przykłady)
</p>
<h3 id="Atrybuty" name="Atrybuty"> Atrybuty </h3>
<p>
</p><div id="a-collapse">
<dl>
<dt>
<code id="a-collapse"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/collapse">collapse</a></code></dt>
<dd>
Typ:
<i>
jedna z wartości poniżej</i>
</dd>
<dd>
Określa, która strona rozdzielacza <code><a href="/pl/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> jest zawinięta, kiedy jest kliknięty jego grippy. Jeśli ten atrybut nie jest określony, rozdzielacz nie będzie przypadkiem zawinięty. Powinieneś dodać element <code><a href="/pl/docs/Mozilla/Tech/XUL/grippy" title="grippy">grippy</a></code> wewnątrz rozdzielacza, kiedy chcesz użyć go do zawinięcia.</dd>
</dl>
<ul>
<li><code>none</code>: Brak zawinięcia.</li>
<li><code>before</code>: Kiedy grippy jest kliknięty, element będący przed rozdzielaczem i mający tego samego rodzica jest zwinięty, więc jego szerokość lub wysokość wyniesie 0.</li>
<li><code>after</code>: Kiedy grippy jest kliknięty, element będący po rozdzielaczu i mający tego samego rodzica jest zwinięty, więc jego szerokość lub wysokość wyniesie 0.</li>
<li><code>both</code> (tylko w Gecko 1.9+): Oba elementy rozdzielacza; przed i po nim mogą być zawinięte, jeśli rozmiar tego elementu będzie spadał do minimalnego rozmiaru odpowiedniego do pozycji rozdzielacza.</li>
</ul>
</div>
<div id="a-resizeafter">
<dl>
<dt><code id="a-resizeafter"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/resizeafter">resizeafter</a></code></dt>
</dl>
<dl>
<dd>Typ:<em>jedna z poniższych wartości</em></dd>
<dd>Ten atrybut sygnalizuje, który element po prawej lub poniżej rozdzielacza (<code><a href="/pl/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code>) powinien zmienić rozmiar, kiedy rozdzielacz zmienia swoje położenie.</dd>
</dl>
<ul>
<li><code>closest</code>: Element zmienia swój rozmiar natychmiast do prawej lub do dołu po zmianie położenia rozdzielacza.</li>
<li><code>farthest</code>: Element, który jest najdalej od rozdzielacza po prawej lub poniżej zmienia swój rozmiar po zmianie położenia rozdzielacza.</li>
<li><code>grow</code>: Element po prawej lub poniżej rozdzielacza nie zmienia rozmiaru (chyba, że są elastyczne), kiedy rozdzielacz jest przeciągany, lecz natomiast cały kontener zmienia rozmiar.</li>
<li><code>flex</code>: The closest flexible element resizes. </li>
</ul>
</div>
<div id="a-resizebefore">
<dl>
<dt>
<code id="a-resizebefore"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/resizebefore">resizebefore</a></code></dt>
<dd>
Typ:
<i>
jedna wartość z poniższych</i>
</dd>
<dd>
Ten atrybut sygnalizuje, który element po lewej lub powyżej rozdzielacza (<code><a href="/pl/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code>) powinien zmienić rozmiar, kiedy rozdzielacz zmienia swoje położenie.</dd>
</dl>
<ul>
<li><code>closest</code>: Element zmienia swój rozmiar natychmiast do lewej lub do góry po zmianie położenia rozdzielacza.</li>
<li><code>farthest</code>: Element, który jest najdalej od rozdzielacza po lewej lub powyżej zmienia swój rozmiar po zmianie położenia rozdzielacza.</li>
</ul>
</div>
<div id="a-state">
<dl><dt> <code id="a-state"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/state">state</a></code>
</dt><dd> Typ: <i>jedna z wartości poniżej</i>
</dd><dd> Sygnalizuje gdzie <code><a href="/pl/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> posiada zawiniętą zawartość lub nie. Ten atrybut będzie aktualizowany automatycznie jak rozdzielacz jest przenoszony i generalnie jest stosowany w arkuszu stylów, aby móc zastosować różne wyglądy dla każdego stanu.
</dd></dl>
<ul><li> <code>open</code>: Zawartość w obu przypadkach; przed lub za rozdzielaczem zależy od wartości atrybutu <code>collapsed</code>, który jest aktualnie wyświetlany.
</li><li> <code>collapsed</code>: Zawartość w obu przypadkach; przed lub za rozdzielaczem jest zawinięta i nie jest widoczna.
</li><li> <code>dragging</code>: Użytkownik aktualnie ręcznie zmienia pozycję rozdzielacza, zazwyczaj poprzez przeciągnięcie go za pomocą myszki.
</li></ul>
</div>
<div id="a-substate">
<dl>
<dt>
<code id="a-substate"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/substate">substate</a></code></dt>
<dd>
Typ:
<i>
jedna z wartości poniżej</i>
</dd>
<dd>
W rozdzielaczu, który posiada <code>state="collapsed"</code> i <code>collapse="both"</code>, określa kierunek w którym rozdzielacz aktualnie zawijany. Cechą Gecko 1.9+ jest <code>collapse="both"</code> i nie będzie ona miała efektu we wcześniejszych wersjach.</dd>
</dl>
<ul>
<li><code>before</code>: Element jest natychmiast zawinięty przed rozdzielaczem.</li>
<li><code>after</code>: Element jest natychmiast zawinięty po rozdzielaczu.</li>
</ul>
</div>
<p></p>
<h3 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci"> Własności </h3>
<p></p><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>Dziedziczy z elementu XUL</strong><br> <small> <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/width">width</a></span></code></small></p> </td> </tr> </tbody>
</table>
<p></p>
<h3 id="Metody" name="Metody"> Metody </h3>
<p></p><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>Dziedziczy z elementu XUL</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Dziedziczy z elementu DOM</strong><br> <small> <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody>
</table>
<p></p>
<h3 id="Klasy_styl.C3.B3w" name="Klasy_styl.C3.B3w"> Klasy stylów </h3>
<p>Następujące klasy możemy zastosować do nadania stylu temu elementowi. Należy korzystać z tych klas zamiast nadawać styl bezpośrednio w danym elemencie - dzięki temu będą bardziej pasować do motywu wybranego przez użytkownika.
</p><p></p><dl>
<dt>
<code><a href="https://developer.mozilla.org/pl/docs/XUL/Styl/tree-splitter">tree-splitter</a></code></dt>
<dd>
Zastosowanie tego rozdzielacza jest zamierzone w kolumnach drzewa (pomiędzy elementami <code><a href="/pl/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code>). Rozdzielacz rysowany będzie bez szerokości, więc nie będzie on widoczny, jednakże, kolumny mogą wciąż zmieniać swoją szerokość.</dd>
</dl>
<p></p>
<h3 id="Podobne" name="Podobne"> Podobne </h3>
<p>TBD
</p><p><br>
</p>
<div class="noinclude">
</div>
|
