diff options
Diffstat (limited to 'files/pl/mozilla/tech/xul/statusbarpanel/index.html')
-rw-r--r-- | files/pl/mozilla/tech/xul/statusbarpanel/index.html | 127 |
1 files changed, 127 insertions, 0 deletions
diff --git a/files/pl/mozilla/tech/xul/statusbarpanel/index.html b/files/pl/mozilla/tech/xul/statusbarpanel/index.html new file mode 100644 index 0000000000..c8204fb920 --- /dev/null +++ b/files/pl/mozilla/tech/xul/statusbarpanel/index.html @@ -0,0 +1,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><statusbar> + <statusbarpanel label="Left panel"/> + <spacer flex="1"/> + <progressmeter mode="determined" value="82"/> + <statusbarpanel label="Right panel"/> +</statusbar> +</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 > menuitem, menupopup > 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> |