files/pl/mozilla/tech/xul/radiogroup/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
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221

---
title: radiogroup
slug: Mozilla/Tech/XUL/radiogroup
tags:
  - Dokumentacja_XUL
  - Elementy_XUL
translation_of: Archive/Mozilla/XUL/radiogroup
---
<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>Grupa przycisków opcji. Tylko jeden przycisk wewnątrz grupy może zostać zaznaczony w jednym czasie. Element przycisków <code><a href="/pl/docs/Mozilla/Tech/XUL/radio" title="radio">radio</a></code> możemy obie wersje bezpośrednich dzieci <code>radiogroup</code> lub potomków. Umieszczenie <code>radiogroup</code> wewnątrz <code><a href="/pl/docs/Mozilla/Tech/XUL/groupbox" title="groupbox">groupbox</a></code>, jeśli chcielibyśmy, tak jak obramowanie lub element <code><a href="/pl/docs/Mozilla/Tech/XUL/caption" title="caption">caption</a></code> dla tej samej grupy. Domyślnie <code>radiogroup</code> posiada orientację pionową.
</p><p>Dodatkowe informacje są dostępne w <a href="pl/Kurs_XUL/Kontrolki_wej%c5%9bcia">kursie XUL</a>.
</p>
<dl><dt> Atrybuty
</dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-focused">focused</a>, <a href="#a-preference">preference</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a>
</dd></dl>
<dl><dt> Własności </dt><dd> <a href="#p-accessible">accessible</a>, <a href="#p-disabled">disabled</a>, <a href="#p-focusedItem">focusedItem</a>, <a href="#p-selectedIndex">selectedIndex</a>, <a href="#p-selectedItem">selectedItem</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a>
</dd></dl>
<dl><dt> Metody
</dt><dd> <a href="#m-appendItem">appendItem</a>, <a href="#m-checkAdjacentElement">checkAdjacentElement</a>, <a href="#m-insertItemAt">insertItemAt</a>, <a href="#m-removeItemAt">removeItemAt</a>
</dd></dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3>
<div class="float-right"><img alt="grafika:XUL_ref_radios.png"></div>
<pre>&lt;radiogroup&gt;
  &lt;radio id="orange" label="Red"/&gt;
  &lt;radio id="violet" label="Green" selected="true"/&gt;
  &lt;radio id="yellow" label="Blue"/&gt;
&lt;/radiogroup&gt;
</pre>
<h3 id="Atrybuty" name="Atrybuty"> Atrybuty </h3>
<p>
</p><div id="a-disabled">

<dl><dt> <code id="a-disabled"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/disabled">disabled</a></code>
</dt><dd> Typ: <i>boolean</i>
</dd><dd> Określa, czy element jest wyłączony. Jeśli atrybut ten ma wartość <code>true</code>, to element będzie wyłączony. Wyłączone elementy zazwyczaj są wyszarzone. Jeśli element jest wyłączony, nie odpowiada na czynności użytkownika, nie może zostać na niego ustawiony focus, a zdarzenie <i>command</i> nie zostanie wywołane. </dd></dl>
<div class="float-right"><img alt="grafika:XUL_ref_attr_disabled.png"></div>
<pre>&lt;!-- Pole wyboru włącza/wyłącza przycisk --&gt;
&lt;checkbox label="Enable button"
    onclick="document.getElementById('buttRemove').disabled = this.checked"/&gt;
&lt;button id="buttRemove" label="Remove All" disabled="true"/&gt;
</pre>
</div>
<div id="a-focused">

<dl><dt> <code id="a-focused"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/focused">focused</a></code>
</dt><dd> Typ: <i>boolean</i>
</dd><dd> Ten atrybut jest ustawiony na <code>true</code>, jeśli element jest aktywny (focused).
</dd></dl>
<p><br>
</p>


</div>
<div id="a-preference">

<dl><dt> <code id="a-preference"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/preference">preference</a></code>
</dt><dd> Typ: <i>id elementu</i>
</dd><dd> Łączy dany element z odpowiadającym mu elementem <code><a href="/pl/docs/Mozilla/Tech/XUL/preference" title="preference">preference</a></code>. Atrybut ten ma skutek tylko wewnątrz okna <code><a href="/pl/docs/Mozilla/Tech/XUL/prefwindow" title="prefwindow">prefwindow</a></code>. Wartość opcji (z elementu <code>preference</code>) zostanie zaktualizowana zgodnie z wartością własności <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/value">value</a></span></code> tego elementu.
</dd></dl>
<p><br>
</p><p><br>
</p>


</div>
<div id="a-tabindex">

<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/tabindex">tabindex</a></code>
</dt><dd> Typ: <i>integer</i>
</dd><dd> Porządek dla przełączania elementów klawiszem Tab. Elementy o wyższym tabindex umieszczane są w dalszej części sekwencji przełączania.
</dd></dl>


</div>
<div id="a-value">

<dl>
 <dt>
  <code id="a-value"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/value">value</a></code></dt>
 <dd>
  Typ:
  <i>
   string</i>
 </dd>
 <dd>
  Atrybut łańcucha znaków pozwalający na współpracę wartości danych z elementem. Nie jest stosowany dla określenia jakiegoś konkretnego celu, lecz można go wykorzystać w skrypcie do własnego użytku.</dd>
</dl>

<p></p>
</div>
<p></p>
<h3 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci"> Własności </h3>
<p>
</p><div id="p-accessible">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/accessible">accessible</a></span></code></dt>
 <dd>
  Typ:
  <i>
   <a href="pl/NsIAccessible">nsIAccessible</a></i>
 </dd>
 <dd>
  Zwraca obiekt dostępności dla elementu.</dd>
</dl></div>
<div id="p-disabled">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/disabled">disabled</a></span></code></dt>
 <dd>
  Typ:
  <i>
   boolean</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-disabled"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/disabled">disabled</a></code>.</dd>
</dl></div>
<div id="p-focusedItem">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/focusedItem">focusedItem</a></span></code></dt>
 <dd>
  Typ:
  <i>
   element <code><a href="/pl/docs/Mozilla/Tech/XUL/radio" title="radio">radio</a></code></i>
 </dd>
 <dd>
  Podtrzymuje bieżącą aktywną pozycję <code><a href="/pl/docs/Mozilla/Tech/XUL/radiogroup" title="radiogroup">radiogroup</a></code>, która może lub nie być tą samą zaznaczoną pozycją. Możemy zmienić aktywną pozycję poprzez ustawienie ten własności.</dd>
</dl></div>
<div id="p-selectedIndex">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/selectedIndex">selectedIndex</a></span></code></dt>
 <dd>
  Typ:
  <i>
   integer</i>
 </dd>
 <dd>
  Zwraca indeks aktualnie zaznaczonej pozycji. Można zaznaczyć pozycję przypisując jej numer indeksu do własności. Przydzielając <code>-1</code> do tej własności, wszystkie pozycje zostaną odznaczone.</dd>
</dl></div>
<div id="p-selectedItem">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/selectedItem">selectedItem</a></span></code></dt>
 <dd>
  Typ:
  <i>
   element</i>
 </dd>
 <dd>
  Podtrzymuje aktualnie zaznaczoną pozycję. Jeśli nie ma zaznaczonych aktualnie pozycji, to jej wartość równa będzie <code>null</code>. Możemy zaznaczyć pozycję poprzez ustawienie tej wartości. Zmiana zdarzenia będzie przesyłana do zaznaczonej pozycji, kiedy zmieniona zostanie jedna z tych własności, własność <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/selectedIndex">selectedIndex</a></span></code> lub zmieniona będzie przez użytkownika.</dd>
</dl></div>
<div id="p-tabIndex">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/tabIndex">tabIndex</a></span></code></dt>
 <dd>
  Typ:
  <i>
   integer</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-tabindex"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/tabindex">tabindex</a></code>.</dd>
</dl></div>
<div id="p-value">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/value">value</a></span></code></dt>
 <dd>
  Typ:
  <i>
   string</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-value"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/value">value</a></code>.</dd>
</dl></div>
<p></p>
<h3 id="Metody" name="Metody"> Metody </h3>
<p></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;">
<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> <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/getElementsByAttributeNS">getElementsByAttributeNS</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>
<dl><dt> <span id="m-appendItem"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/appendItem">appendItem( label, value )</a></code></span>
</dt><dd> Zwraca typ: <i>element</i>
</dd><dd> Tworzy nową pozycję i dodaje ją na koniec istniejącej listy pozycji. Opcjonalnie posiada ustawioną wartość. Funkcja zwraca nowo utworzony element. </dd></dl>
<dl><dt> <span id="m-checkAdjacentElement"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/checkAdjacentElement">checkAdjacentElement( dir )</a></code></span>
</dt><dd> Zwraca typ: <i>nie zwraca wartości</i>
</dd><dd> Odznacza aktualnie zaznaczony przycisk <code><a href="/pl/docs/Mozilla/Tech/XUL/radio" title="radio">radio</a></code> w grupie i zaznacza przyległy. Jeśli argument <var>dir</var> jest <code>true</code>, to następny przycisk opcji jest zaznaczony. Jeśli jest <code>false</code>, to zostanie poprzedni przycisk opcji zaznaczony.
</dd></dl>
<p><br>
</p>
<dl><dt> <span id="m-insertItemAt"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/insertItemAt">insertItemAt( index, label, value )</a></code></span>
</dt><dd> Zwraca typ: <i>element</i>
</dd><dd> Ta metoda tworzy nowy element listy i umieszcza go w określonej pozycji. Opcjonalnie można ustawić jego wartość. Nowy element jest zwracany.
</dd></dl>
<dl><dt> <span id="m-removeItemAt"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/removeItemAt">removeItemAt( index )</a></code></span>
</dt><dd> Zwraca typ: <i>element</i>
</dd><dd> Usuwa pozycję potomną w elemencie o określonym indeksie. Metoda zwraca usuniętą pozycję.
</dd></dl>
<p></p>
<h3 id="Podobne" name="Podobne"> Podobne </h3>
<dl><dt> Interfejsy
</dt><dd><a href="pl/NsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="pl/NsIDOMXULSelectControlElement">nsIDOMXULSelectControlElement</a>
</dd></dl>
<div class="noinclude">
</div>