files/pl/mozilla/tech/xul/statusbarpanel/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

---
title: statusbarpanel
slug: Mozilla/Tech/XUL/statusbarpanel
tags:
  - Dokumentacja_XUL
  - Elementy_XUL
translation_of: Archive/Mozilla/XUL/statusbarpanel
---
<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>Pojedynczy element <code><code><a href="/pl/docs/Mozilla/Tech/XUL/statusbar" title="statusbar">statusbar</a></code></code>. Jest to specjalny typ przycisku, który jest rysowany inaczej, niż zawsze. Nie jak normalne przyciski, <code>statusbarpanel</code> mogą mieć tylko etykietę albo obrazek, lecz nie oba na raz. Ten element jest często stosowany z krótkimi etykietami lub ikonami do pokazania statusu np. gdy użytkownik jest online lub kiedy są nowe wiadomości w skrzynce.
</p>
<dl><dt> Atrybuty
</dt><dd> <a href="#a-crop">crop</a>, <a href="#a-label">label</a>, <a href="#a-src">src</a>
</dd></dl>
<dl><dt> Własności </dt><dd> <a href="#p-label">label</a>, <a href="#p-src">src</a>
</dd></dl>
<dl><dt> Klasy stylów
</dt><dd> <a href="#s-statusbarpanel-iconic">statusbarpanel-iconic</a>, <a href="#s-statusbarpanel-menu-iconic">statusbarpanel-menu-iconic</a> </dd></dl>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3>
<pre>&lt;statusbar&gt;
	&lt;statusbarpanel label="Left panel"/&gt;
	&lt;spacer flex="1"/&gt;
	&lt;progressmeter mode="determined" value="82"/&gt;
	&lt;statusbarpanel label="Right panel"/&gt;
&lt;/statusbar&gt;
</pre>
<p><img alt="grafika:XUL_ref_statusbar.png">
</p>
<h3 id="Atrybuty" name="Atrybuty"> Atrybuty </h3>
<p>
</p><div id="a-crop">

<dl><dt> <code id="a-crop"><a href="http://api/pl/docs/Mozilla/Tech/XUL/Atrybut/crop">crop</a></code>
</dt><dd> Typ: <i>jedna z poniższych wartości</i>
</dd><dd> Jeśli etykieta elementu jest zbyt duża by zmieścić się w danym miejscu, to jej tekst zostanie skrócony po stronie określonej przy pomocy atrybutu <code>crop</code>. Wycięty fragment tekstu zostanie zastąpiony wielokropkiem. Jeśli kierunek pudełka jest określony w lewą stronę, to skrócenie tekstu nastąpi w tym samym kierunku (czyli z lewej strony):
</dd></dl>
<ul><li> <code>start</code>: Tekst będzie skrócony z lewej strony.
</li><li> <code>end</code>: Tekst będzie skrócony z prawej strony.
</li><li> <code>left</code>: <span title="This deprecated API should no longer be used, but will probably still work."><i class="icon-thumbs-down-alt"> </i></span> Tekst będzie skrócony z lewej strony.
</li><li> <code>right</code>: <span title="This deprecated API should no longer be used, but will probably still work."><i class="icon-thumbs-down-alt"> </i></span> Tekst będzie skrócony z prawej strony.
</li><li> <code>center</code>: Tekst będzie skrócony w środku, pokazując oba końce: początek i koniec normalnego tekstu. </li><li> <code>none</code>: Tekst nie będzie skrócony przy zastosowaniu wielokropka. Jednakże, tekst skrócony zostanie po prostu obcięty, jeśli będzie za duży. Strona skrócenia owego tekstu zależy od rozmieszczenia tekstu określonego w arkuszu stylów CSS.
</li></ul>
<pre class="eval"> menupopup &gt; menuitem, menupopup &gt; menu { max-width: none; }
</pre>
<p><br>
</p><p><br>
</p>


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

<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/label">label</a></code>
</dt><dd> Typ: <i>string</i>
</dd><dd> Etykieta, która zostanie wyświetlona na elemencie. Jeśli zostanie on usunięty, to żaden tekst nie zostanie wyświetlony. </dd></dl>


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

<dl>
  <dt>
    <code id="a-src"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/src">src</a></code></dt>
  <dd>
    Typ: <i>URL</i></dd>
  <dd>
    Adres URL zawartości do wyświetlenia w elemencie.</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-label">
<dl><dt> <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/label">label</a></span></code>
</dt><dd> Typ: <i>string</i>
</dd><dd> Pobiera i ustawia wartość atrybutu <code id="a-label"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/label">label</a></code>.
</dd></dl>
<p><br>
</p>

</div>
<div id="p-src">
<dl>
 <dt>
  <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/src">src</a></span></code></dt>
 <dd>
  Typ:
  <i>
   URL</i>
 </dd>
 <dd>
  Pobiera i ustawia wartość atrybutu <code id="a-src"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/src">src</a></code>.</dd>
</dl></div>
<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/statusbarpanel-iconic">statusbarpanel-iconic</a></code>
</dt><dd> Zastosuj ta klasę do pojawienia się obrazka na elemencie <code><a href="/pl/docs/Mozilla/Tech/XUL/statusbarpanel" title="statusbarpanel">statusbarpanel</a></code>. Obrazek określ stosując atrybut <code id="a-src"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/src">src</a></code>. Obrazek pojawi się zamiast etykiety.
</dd></dl>
<p><br>
</p>
<dl>
 <dt>
  <code><a href="https://developer.mozilla.org/pl/docs/XUL/Styl/statusbarpanel-menu-iconic">statusbarpanel-menu-iconic</a></code></dt>
 <dd>
  Zastosuj tą klasę do pojawienia się obrazka na elemencie <code><a href="/pl/docs/Mozilla/Tech/XUL/statusbarpanel" title="statusbarpanel">statusbarpanel</a></code> i także pozwól na menu wyskakujące. Określ obrazek stosując atrybut <code id="a-src"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/src">src</a></code> i umieść element <code><a href="/pl/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> wewnątrz <code><a href="/pl/docs/Mozilla/Tech/XUL/statusbarpanel" title="statusbarpanel">statusbarpanel</a></code>. Obrazek pojawi się zamiast etykiety.</dd>
</dl>
<p></p>
<h3 id="Podobne" name="Podobne"> Podobne </h3>
<dl><dt> Elementy
</dt><dd> <code><a href="/pl/docs/Mozilla/Tech/XUL/statusbar" title="statusbar">statusbar</a></code>
</dd></dl>
<div class="noinclude">
</div>