diff options
| author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:49:24 +0100 |
|---|---|---|
| committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:49:24 +0100 |
| commit | de5c456ebded0e038adbf23db34cc290c8829180 (patch) | |
| tree | 2819c07a177bb7ec5f419f3f6a14270d6bcd7fda /files/pl/conflicting | |
| parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
| download | translated-content-de5c456ebded0e038adbf23db34cc290c8829180.tar.gz translated-content-de5c456ebded0e038adbf23db34cc290c8829180.tar.bz2 translated-content-de5c456ebded0e038adbf23db34cc290c8829180.zip | |
unslug pl: move
Diffstat (limited to 'files/pl/conflicting')
68 files changed, 7122 insertions, 0 deletions
diff --git a/files/pl/conflicting/glossary/chrome/index.html b/files/pl/conflicting/glossary/chrome/index.html new file mode 100644 index 0000000000..aa9e184b17 --- /dev/null +++ b/files/pl/conflicting/glossary/chrome/index.html @@ -0,0 +1,25 @@ +--- +title: Chrome +slug: Chrome +tags: + - Toolkit API + - Wszystkie_kategorie +translation_of: Glossary/Chrome +translation_of_original: Chrome +--- +<p> +</p><p><b>Chrome</b> w całości jest zestawem elementów interfejsu użytkownika określonej aplikacji lub <a href="pl/Rozszerzenia">rozszerzenia</a>. +</p> +<h2 id="Og.C3.B3lny_przegl.C4.85d" name="Og.C3.B3lny_przegl.C4.85d"> Ogólny przegląd </h2> +<p><i>Paczki chrome</i> zawierają ustawienia <i><a href="pl/Rejestracja_Chrome">dostawcy Chrome</a></i>. Są w nich trzy proste typy dostawcy chrome: </p> +<ul><li> <b>Zawartość</b>. Zawartość składa się z jakiegokolwiek typu pliku, który możemy obejrzeć wewnątrz Mozilli. W szczególności, dostarczona zawartość często składa się z ustawień <a href="pl/XUL">XUL</a>, <a href="pl/JavaScript">JavaScript</a> i wiązań plików <a href="pl/XBL">XBL</a>. +</li><li> <b>Pliki lokalizacyjne</b>. Tłumaczenia obsługi wielojęzykowej. Dwa główne typy plików to pliki <a href="pl/Kurs_XUL/Lokalizacja">DTD</a> i styl <a href="pl/Kurs_XUL/Plik_w%c5%82asno%c5%9bci">własności plików</a> java. +</li><li> <b>Skórka</b>. Dostawca skórki dostarcza kompletne dane wyglądu interfejsu użytkownika. Składa się z plików <a href="pl/CSS">CSS</a> i obrazków. +</li></ul> +<h2 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe"> Zobacz także </h2> +<p>(Uważaj, który z dokumentów poniżej wspomina o plikach <tt>contents.rdf</tt>, i w prosty sposób umożliwia rejestrację dostarczonego chrome - stosując <a href="pl/Rejestracja_Chrome">Manifesty Chrome</a> - jest obsługiwane od <a href="pl/Firefox_1.5">Firefox 1.5</a> / Toolkit 1.8) +</p> +<ul><li> <a href="pl/Kurs_XUL/Struktura_XUL">Kurs XUL:Struktura XUL</a> +</li><li> <a class="external" href="http://xulplanet.com/tutorials/xulapp/newpackage.html">Paczki Chrome</a> +</li></ul> +{{ languages( { "en": "en/Chrome", "fr": "fr/Chrome", "ja": "ja/Chrome" } ) }} diff --git a/files/pl/conflicting/learn/css/css_layout/index.html b/files/pl/conflicting/learn/css/css_layout/index.html new file mode 100644 index 0000000000..d532771ddc --- /dev/null +++ b/files/pl/conflicting/learn/css/css_layout/index.html @@ -0,0 +1,275 @@ +--- +title: Układ +slug: Web/CSS/Na_początek/Układ +tags: + - 'CSS:Na_początek' +translation_of: Learn/CSS/CSS_layout +translation_of_original: Web/Guide/CSS/Getting_started/Layout +--- +<p> +</p><p>Ta strona opisuje kilka sposobów na modyfikację układu dokumentu. +</p><p>Nauczysz się zmieniać układ przykładowego dokumentu... +</p> +<h3 id="Informacja:_Uk.C5.82ad" name="Informacja:_Uk.C5.82ad"> Informacja: Układ </h3> +<p>Możesz użyć CSS-u do określenia wielu efektów wizualnych, które zmieniają układ Twojego dokumentu. +Niektóre z technik tworzenia układu są bardziej zaawansowane, wykraczające poza zakres podstawowego kursu. +</p><p>Kiedy modelujesz układ strony, który ma wyglądać podobnie w wielu przeglądarkach, Twój arkusz stylów łączy się z domyślnym arkuszem stylów przeglądarki oraz silnikiem układu stron w sposób, który może być bardzo złożony. +To także wykracza poza zakres tego kursu. +</p><p>Ta strona opisuje proste techniki, których możesz spróbować. +</p> +<h4 id="Struktura_dokumentu" name="Struktura_dokumentu"> Struktura dokumentu </h4> +<p>Jeżeli chcesz kontrolować układ dokumentu, być może będziesz musiał(a) zmienić jego strukturę. +</p><p>Język składni Twojego dokumentu może posiadać znaczniki ogólnego przeznaczenia do tworzenia struktury. +Na przykład w HTML-u możesz użyć znacznika <code>DIV</code> do tworzenia struktury. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td> W Twoim przykładowym dokumencie ponumerowane paragrafy pod drugim nagłówkiem nie mają własnego kontenera. +<p>Twój arkusz stylów nie może narysować ramki wokół tych paragrafów, ponieważ nie istnieje element, dla którego można stworzyć selektor. +</p><p>Aby poprawić ten problem strukturalny, możesz dodać znacznik <code>DIV</code> wokół paragrafów. +Ten znacznik jest unikalny, zatem można go identyfikować przez atrybut <code>id</code>. +</p> +<div style="width: 40em; color: gray;"> +<pre class="eval"> <H3 class="numbered">Numbered paragraphs</H3> + <strong style="color: black;"><DIV id="numbered"></strong> + <P class="numbered">Lorem ipsum</P> + <P class="numbered">Dolor sit</P> + <P class="numbered">Amet consectetuer</P> + <P class="numbered">Magna aliquam</P> + <P class="numbered">Autem veleum</P> + <strong style="color: black;"></DIV></strong> +</pre> +</div> +<p>Teraz Twój arkusz stylów może używać jednej reguły do określania ramek wokół obu list: +</p> +<div style="width: 30em;"> +<pre class="eval"> ul, #numbered { + border: 1em solid #69b; + padding-left:1em; + } +</pre> +</div> +<p>Wynik wygląda tak: +</p> +<table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;"> +<tbody><tr> +<td><p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> +<div style="border: 12px solid #69b; margin-bottom: 16px; padding: 1em;"> <ul style=""> <li>Arctic</li> <li>Atlantic</li> <li>Pacific</li> <li>Indian</li> <li>Southern</li> </ul> +</div> +<p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p> +<div style="border: 12px solid #69b; margin-bottom: 8px; padding: 0px 12em 0px .5em;"> <p><b>1: </b>Lorem ipsum</p> <p><b>2: </b>Dolor sit</p> <p><b>3: </b>Amet consectetuer</p> <p><b>4: </b>Magna aliquam</p> <p><b>5: </b>Autem veleum</p> +</div> +</td></tr></tbody></table> +</td></tr></tbody></table> +<h4 id="Jednostki_rozmiaru" name="Jednostki_rozmiaru"> Jednostki rozmiaru </h4> +<p>Dotychczas w tym kursie określałeś(aś) rozmiary w pikselach (<code>px</code>). +Jest to rozsądny wybór w pewnych przypadkach, dla wyświetlaczy takich jak monitor komputera. +Jednak jeżeli użytkownik zmieni rozmiar kroju, Twój układ może przestać wyglądać dobrze. +</p><p>W wielu wypadkach lepiej jest określać rozmiary w procentach lub jednostkach ems (<code>em</code>). +Em jest nominalnym rozmiarem aktualnego kroju (szerokość litery m). +Kiedy użytkownik zmienia rozmiar kroju, Twój układ dostosuje się automatycznie. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td> Ramka po lewej stronie tego tekstu ma rozmiary określony w pikselach. +<p>Ramka po prawej ma rozmiar określony w ems. +</p><p>Zmień teraz rozmiary kroju w swojej przeglądarce, aby zobaczyć, jak ramka po prawej dopasowuje się do rozmiaru, a jak zachowa się ramka po lewej: +</p> +<table style="border: 2px outset #36b; padding: 1em; background-color: white;"> +<tbody><tr> +<td><div style="">ZMIEŃ MÓJ ROZMIAR</div> +</td></tr></tbody></table> +</td></tr></tbody></table> +<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;"> +<caption>Więcej szczegółów +</caption><tbody><tr> +<td> Dla innych urządzeń najlepiej stosować inne jednostki miar. +<p>Więcej informacji na ten temat znajdziesz na dalszych stronach tego kursu. +</p><p>Aby dowiedzieć się więcej na temat wartości i jednostek, których możesz użyć, zobacz stronę <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#values">Wartości</a> na stronach specyfikacji CSS. +</p> +</td></tr></tbody></table> +<h4 id="Uk.C5.82ad_tekstu" name="Uk.C5.82ad_tekstu"> Układ tekstu </h4> +<p>Układ treści dokumentu jest określany przez dwie własności. +Możesz ich użyć, aby wstępnie określić układ: +</p> +<ul><li><code>text-align</code> +</li></ul> +<dl><dd>Określa położenie treści. Wybierz jedną z wartości: <code>left</code>, <code>right</code>, <code>center</code>, <code>justify</code> +</dd></dl> +<ul><li><code>text-indent</code> +</li></ul> +<dl><dd>Tworzy odstęp dla treści o określoną wartość. +</dd></dl> +<p>Te własności dotyczą wszelkiej treści tekstowej w elemencie, nie tylko tekstu. +Pamiętaj też, że są one dziedziczone przez elementy dzieci, zatem będzie trzeba bezpośrednio wyłączyć je dla dzieci, aby uniknąć dziwnych rezultatów. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td> Aby wycentrować nagłówki: +<div style="width: 30em;"> +<pre class="eval"> h3 { + border-top: 1px solid gray; + text-align: center; + } +</pre> +</div> +<p>Wynik: +</p> +<table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;"> +<tbody><tr> +<td><p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray; text-align: center;">(A) The oceans</p> +</td></tr></tbody></table> +<p>W dokumencie HTML treść wyświetlana pod nagłówkiem nie jest strukturalnie przynależna do nagłówka. +Zatem kiedy określasz nagłówek w taki sposób, znaczniki poniżej nagłówka nie dziedziczą stylu. +</p> +</td></tr></tbody></table> +<h4 id="P.C5.82ywanie_.28Floats.29" name="P.C5.82ywanie_.28Floats.29"> Pływanie (Floats) </h4> +<p>Własność <code>float</code> wymusza umieszczenie elementu po lewej lub prawej. +Jest to prosty sposób, aby kontrolować jego położenie i rozmiar. +</p><p>Reszta dokumentu opływa wybrany element. +Możesz to kontrolować, używając własności <code>clear</code> na innych elementach, aby sprawić, by nie opływały elementów posiadających określony <code>float</code>. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td>W Twoim przykładowym dokumencie listy są rozciągnięte na szerokość okna. Możesz tego uniknąć, przyklejając je do lewej strony. +<p>Aby zachować nagłówki w jednym miejscu, musisz też określić, że mają ignorować opływanie po lewej: +</p> +<div style="width: 30em;"> +<pre class="eval"> ul, #numbered {float: left;} + h3 {clear: left;} +</pre> +</div> +<p>Rezultat wygląda tak: +</p> +<table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;"> +<tbody><tr> +<td><p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> +<div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding-left: 1em;"> <ul style=""> <li>Arctic</li> <li>Atlantic</li> <li>Pacific</li> <li>Indian</li> <li>Southern</li> </ul> +</div> +<p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p> +<div style="float: left; border: 12px solid #69b; margin-bottom: 8px; padding-left: .5em;"> <p><b>1: </b>Lorem ipsum</p> <p><b>2: </b>Dolor sit</p> <p><b>3: </b>Amet consectetuer</p> <p><b>4: </b>Magna aliquam</p> <p><b>5: </b>Autem veleum</p> +</div> +</td></tr></tbody></table> +<p>(Mały margines wewnętrzny jest potrzebny po prawej stronie bloków, gdzie ramka jest za blisko tekstu.) +</p> +</td></tr></tbody></table> +<h4 id="Pozycjonowanie" name="Pozycjonowanie"> Pozycjonowanie </h4> +<p>Możesz określić pozycję elementu na cztery sposoby poprzez określenie własności <code>position</code> oraz podanie jednej z następujących wartości. +</p><p>Są to własności zaawansowane. +Można ich używać w prosty sposób — dlatego są tutaj wymienione. +Jednak korzystanie z nich w bardziej złożony sposób może być skomplikowane. +</p> +<ul><li><code>relative</code> +</li></ul> +<dl><dd>Pozycja elementu jest określona relatywnie do jego normalnej pozycji. +</dd><dd>Użyj tej wartości, aby przesunąć element o określoną wartość. Czasem możesz użyć marginesu zewnętrznego, aby osiągnąć ten sam efekt. +</dd></dl> +<ul><li><code>fixed</code> +</li></ul> +<dl><dd>Element będzie przyczepiony. +</dd><dd>Określa pozycję elementu relatywnie do okna dokumentu. Nawet kiedy reszta dokumentu jest przewijana, element pozostaje w tym samym miejscu. +</dd></dl> +<ul><li><code>absolute</code> +</li></ul> +<dl><dd>Pozycja elementu jest ustawiana relatywnie do elementu rodzica. +</dd><dd>Zadziała to tylko wobec elementów, które są pozycjonowane z użyciem <code>relative</code>, <code>fixed</code> lub <code>absolute</code>. +</dd></dl> +<dl><dd>Możesz też sprawić, by dowolny element-rodzic mógł zostać zastosowany poprzez określenie mu <code>position: relative;</code> bez podawania wartości przesunięcia. +</dd></dl> +<ul><li><code>static</code> +</li></ul> +<dl><dd>Domyślne. Użyj tej wartości, aby wyłączyć pozycjonowanie. +</dd></dl> +<p>Razem z tymi wartościami własności <code>position</code> (poza <code>static</code>) podaj jedną lub więcej własności: <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code>, <code>width</code>, <code>height</code>, aby określić, gdzie chcesz, aby element się pojawił, oraz jego rozmiar. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td> Aby umieścić dwa elementy na górze, stwórz kontener rodzica w swoim dokumencie z dwoma elementami w środku: +<div style="width: 30em;"> +<pre class="eval"> <DIV id="parent-div"> + <P id="forward">/</P> + <P id="back">\</P> + </DIV> +</pre> +</div> +<p>W swoim arkuszu stylów nadaj rodzicowi wartość <code>relative</code> własności <code>position</code>. +Nie musisz podawać żadnego przesunięcia. +Określ wartość własności <code>position</code> jego dzieci jako <code>absolute</code>: +</p> +<div style="width: 30em;"><pre> + #parent-div { + position: relative; + font: bold 200% sans-serif; + } + + #forward, #back { + position: absolute; + margin:0px; + top: 0px; + left: 0px; + } + + #forward { + color: blue; + } + + #back { + color: red; + } +</pre></div> +<p>Rezultat wygląda tak, z odwrotnym ukośnikiem nad ukośnikiem: +</p> +<div style="position: relative; left: .33em; font: bold 300% sans-serif;"> <p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: blue;">/</p> <p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: red;">\</p> +</div><table style="border: 2px outset #36b; padding: 1em; width: 30em; height: 5em; background-color: white;"> + +<tbody><tr><td></td></tr></tbody></table> +<p><br> +</p> +</td></tr></tbody></table> +<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;"> +<caption>Więcej szczegółów +</caption><tbody><tr> +<td> Cały temat pozycjonowania zajmuje dwa skomplikowane rozdziały w specyfikacji CSS: <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html">Visual formatting model</a> oraz <a class="external" href="http://www.w3.org/TR/CSS21/visudet.html">Visual formatting model details</a>. +<p>Jeżeli tworzysz arkusze stylów, które mają działać w wielu przeglądarkach, musisz także wziąć pod uwagę różnice w sposobie interpretacji standardów oraz prawdopodobne błędy w obsłudze standardów występujące w różnych przeglądarkach. +</p> +</td></tr></tbody></table> +<h3 id="Zadanie:_Definiowanie_uk.C5.82adu" name="Zadanie:_Definiowanie_uk.C5.82adu"> Zadanie: Definiowanie układu </h3> +<p>Zmień swój przykładowy dokument i arkusz stylów, korzystając z przykładów z sekcji <b>Struktura dokumentu</b> i <b>Pływanie</b>. +</p><p>W przykładzie z <b>Pływanie</b> dodaj margines wewnętrzny, aby oddzielić tekst od prawej ramki o 0.5 em. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Wyzwanie +</caption><tbody><tr> +<td> Zmień swój przykładowy dokument, dodając ten znacznik blisko końca, tuż przed +<p><code></BODY></code> +</p> +<pre> + <IMG id="fixed-pin" src="Yellow-pin.png" alt="Yellow map pin"> +</pre> +<p>Jeżeli wcześniej nie pobrałeś(aś) pliku obrazka z tego kursu, zrób to teraz: +</p> +<table style="border: 2px solid #ccc;"> +<tbody><tr> +<td><img alt="Image:Yellow-pin.png"> +</td></tr></tbody></table> +<p>Spróbuj przewidzieć, gdzie ten obrazek pojawi się w dokumencie. +Potem odśwież okno przeglądarki i sprawdź czy miałeś(aś) rację. +</p><p>Dodaj regułę do arkusza stylów, która umieści obrazek na stałe w prawym górnym rogu dokumentu. +</p><p>Odśwież okno przeglądarki i zmniejsz rozmiar okna. +Sprawdź, czy obrazek nadal pozostaje w górnym prawym rogu, nawet kiedy przewijasz dokument. +</p> +<div style="position: relative; width: 29.5em; height: 18em;"> <div style="overflow: auto; border: 2px outset #36b; padding: 1em; width: 29em; height: 16em; background-color: white;"> <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p> <div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding: 0px .5em 0px 1em;"> <ul style=""> <li>Arctic</li> <li>Atlantic</li> <li>Pacific</li> <li>Indian</li> <li>Southern</li> </ul> </div> <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p> <div style="float: left; border: 12px solid #69b; padding: 0 .5em 0 .5em;"> <p><b>1: </b>Lorem ipsum</p> <p><b>2: </b>Dolor sit</p> <p><b>3: </b>Amet consectetuer</p> <p><b>4: </b>Magna aliquam</p> <p><b>5: </b>Autem veleum</p> </div> <p style=""> </p> <div style="position: absolute; top: 2px; right: 0px;"><img alt="Yellow map pin"></div> </div> +</div> +</td></tr></tbody></table> +<p><br> +</p> +<h4 id="Co_dalej.3F" name="Co_dalej.3F"> Co dalej? </h4> +<p>Jeżeli masz problemy ze zrozumieniem tej strony albo chcesz ją skomentować, pomóż nam, dopisując się na stronie <a>Dyskusji</a>. +</p><p>Właśnie poznałeś(aś) wszystkie zagadnienia należące do podstawowego kursu CSS. +Następna strona dokładniej opisze zaawansowane selektory dla reguł CSS oraz trochę szczegółów dotyczących tabel: <b><a href="pl/CSS/Na_pocz%c4%85tek/Tabele">Tabele</a></b> +</p>{{ languages( { "en": "en/CSS/Getting_Started/Layout", "fr": "fr/CSS/Premiers_pas/Mise_en_page", "pt": "pt/CSS/Como_come\u00e7ar/Disposi\u00e7\u00e3o" } ) }} diff --git a/files/pl/conflicting/learn/css/first_steps/how_css_works/index.html b/files/pl/conflicting/learn/css/first_steps/how_css_works/index.html new file mode 100644 index 0000000000..8ccbd65011 --- /dev/null +++ b/files/pl/conflicting/learn/css/first_steps/how_css_works/index.html @@ -0,0 +1,114 @@ +--- +title: Jak działa CSS +slug: Web/CSS/Na_początek/Jak_działa_CSS +tags: + - 'CSS:Na_początek' +translation_of: Learn/CSS/First_steps/How_CSS_works +translation_of_original: Web/Guide/CSS/Getting_started/How_CSS_works +--- +<p> +</p><p>Ta strona wyjaśnia, jak działa CSS w przeglądarce. +Przeanalizujesz przykładowy dokument, poznając szczegóły jego stylów. +</p> +<h3 id="Informacja:_Jak_dzia.C5.82a_CSS" name="Informacja:_Jak_dzia.C5.82a_CSS"> Informacja: Jak działa CSS </h3> +<p>Kiedy Mozilla wyświetla dokument, musi połączyć treść dokumentu z jego informacjami o stylu. Tak więc dzieli ona proces na dwa etapy: +</p> +<ul><li> W pierwszym Mozilla zmienia język znaczników oraz CSS w <i>DOM</i> (Model Obiektowy Dokumentu). DOM jest reprezentacją dokumentu w pamięci komputera. Wiąże on treść dokumentu z jego stylem. +</li></ul> +<ul><li> W drugim etapie Mozilla wyświetla ten DOM. +</li></ul> +<p>Język znaczników używa znaczników do opisywania struktury dokumentu. Znacznik może być kontenerem, zawierającym inne znaczniki. +</p><p>DOM posiada strukturę drzewiastą. Każdy znacznik i fragment tekstowy w języku znaczników staje się <i>węzłem</i> w strukturze drzewiastej. Węzły DOM nie są kontenerami. W zamian za to mogą posiadać węzły rodziców i dzieci. +</p><p>Węzły, które odpowiadają znacznikom, znane są także jako <i>elementy</i>. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td> W Twoim przykładowym dokumencie znacznik <code><P></code> i jego znacznik <code></P></code> tworzą kontener: +<div style="width: 24em;"> +<pre class="eval"><P> + <STRONG>C</STRONG>ascading + <STRONG>S</STRONG>tyle + <STRONG>S</STRONG>heets +</P> +</pre> +</div> +<p>W DOM odpowiadający węzeł P jest rodzicem. +Jego dzieci to węzły <small>STRONG</small> oraz węzły tekstowe. +Węzły <small>STRONG</small> same są rodzicami posiadającymi węzły tekstowe jako swoje dzieci: +</p> +<div style="width: 24em; color: #47c; white-space: pre; padding: 0 0 0 2em;"> +<p><span style="color: black;">P</span> +├─<span style="color: black;">STRONG</span> +│ │ +│ └─"<span style="color: black;">C</span>" +│ +├─"<span style="color: black;">ascading</span>" +│ +├─<span style="color: black;">STRONG</span> +│ │ +│ └─"<span style="color: black;">S</span>" +│ +├─"<span style="color: black;">tyle</span>" +│ +├─<span style="color: black;">STRONG</span> +│ │ +│ └─"<span style="color: black;">S</span>" +│ +└─"<span style="color: black;">heets</span>" +</p> +</div> +</td></tr></tbody></table> +<p>Zrozumienie DOM pomaga w tworzeniu, debugowaniu i zarządzaniu CSS, ponieważ DOM jest punktem, w którym łączona jest treść dokumentu ze stylami CSS. +</p> +<h3 id="Zadanie:_Analiza_DOM" name="Zadanie:_Analiza_DOM"> Zadanie: Analiza DOM </h3> +<p>Do analizy DOM potrzebny jest specjalny program. +Służy do tego na przykład <a href="pl/Inspektor_DOM">Inspektor DOM</a> Mozilli. +</p><p>Użyj przeglądarki Mozilla do otworzenia przykładowego dokumentu. +</p><p>Z paska menu przeglądarki wybierz Narzędzia – Inspektor DOM lub Narzędzia – Programowanie WWW – Inspektor DOM. +</p> +<table style="border: 1px solid #36b; background-color: #f4f4f4; padding: 1em;"> +<caption>Więcej szczegółów +</caption><tbody><tr> +<td> Jeżeli Twoja przeglądarka Mozilli nie posiada Inspektora DOM, możesz zainstalować przeglądarkę ponownie, zaznaczając przy instalacji komponent narzędzi programistycznych. Potem wróć do tego kursu. +<p><small><b>DevmoPL</b>: Możesz też zainstalować DOMi jako rozszerzenie</small> +</p><p>Jeżeli nie chcesz instalować Inspektora DOM, możesz pominąć ten rozdział i przejść do następnej strony. Pominięcie tej sekcji nie wpłynie na resztę kursu. +</p> +</td></tr></tbody></table> +<p>W Inspektorze DOM rozwiń węzły dokumentu, klikając na strzałki. +</p><p><b>Notka: </b> Formatowanie spacjami dokumentu HTML spowoduje, że pojawią się puste węzły, które możesz zignorować. +</p><p>Część wyniku może wyglądać tak: +</p> +<table style="border: 2px outset #36b; padding: 0 0 0 2em;"> +<tbody><tr> +<td><div style="width: 30em; background-color: transparent; margin: 0px; border: 0px; padding: 0px; color: gray; white-space: pre;"> +<p>│ +<span style="font-size: 133%;">▼</span>╴<span style="color: black;">P</span> +│ │ +│ <span style="font-size: 133%;">▼</span>╴<span style="color: black;">STRONG</span> +│ │ └<span style="color: darkblue;">#text</span> +│ ├╴<span style="color: darkblue;">#text</span> +│ <span style="font-size: 133%;">▶</span>╴<span style="color: black;">STRONG</span> +│ │ +</p> +</div> +</td></tr></tbody></table> +<p>Kiedy wybierasz jakikolwiek węzeł, możesz dowiedzieć się o nim więcej, używając prawej kolumny Inspektora DOM. +Na przykład po wybraniu węzła tekstowego Inspektor DOM pokazuje jego zawartość w prawej kolumnie. +</p><p>Kiedy zaznaczasz węzeł elementu, Inspektor DOM analizuje go i podaje w prawym panelu ogromną liczbę informacji. Informacje o stylu są tylko częścią informacji, jakie można tam znaleźć. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;"> +<caption>Wyzwanie +</caption><tbody><tr> +<td> W Inspektorze DOM wybierz węzeł <small>STRONG</small>. +<p>Skorzystaj z prawego panelu Inspektora, aby dowiedzieć się, gdzie kolor węzła ustawiony został na czerwony i gdzie jego wygląd jest ustawiany na grubszy niż normalny tekst. +</p> +</td></tr></tbody></table> +<p><br> +</p> +<h4 id="Co_dalej.3F" name="Co_dalej.3F"> Co dalej? </h4> +<p>Jeżeli masz problemy ze zrozumieniem tej strony albo chcesz ją skomentować, pomóż nam, dopisując się na stronie <a>Dyskusji</a>. +</p><p>Jeżeli podjąłeś(podjęłaś) wyzwanie, widzisz, że informacje o stylu z wielu miejsc wiążą się, tworząc końcowy styl elementu. +</p><p>Następna strona wyjaśnia więcej na temat tych interakcji: +<b><a href="pl/CSS/Na_pocz%c4%85tek/Kaskadowo%c5%9b%c4%87_i_dziedziczenie">Kaskadowość i dziedziczenie</a></b> +</p>{{ languages( { "en": "en/CSS/Getting_Started/How_CSS_works", "fr": "fr/CSS/Premiers_pas/Fonctionnement_de_CSS", "it": "it/Conoscere_i_CSS/Come_funzionano_i_CSS", "ja": "ja/CSS/Getting_Started/How_CSS_works", "pt": "pt/CSS/Como_come\u00e7ar/Como_o_CSS_trabalha", "zh-cn": "cn/CSS/Getting_Started/How_CSS_works" } ) }} diff --git a/files/pl/conflicting/learn/css/first_steps/how_css_works_21be2ff13a08a8866d772c3a5e975193/index.html b/files/pl/conflicting/learn/css/first_steps/how_css_works_21be2ff13a08a8866d772c3a5e975193/index.html new file mode 100644 index 0000000000..97c8144628 --- /dev/null +++ b/files/pl/conflicting/learn/css/first_steps/how_css_works_21be2ff13a08a8866d772c3a5e975193/index.html @@ -0,0 +1,86 @@ +--- +title: Po co używać CSS +slug: Web/CSS/Na_początek/Po_co_używać_CSS +tags: + - 'CSS:Na_początek' +translation_of: Learn/CSS/First_steps/How_CSS_works +translation_of_original: Web/Guide/CSS/Getting_started/Why_use_CSS +--- +<p> +</p><p>Ta strona tłumaczy, do czego dokumenty wykorzystują CSS. +Używając CSS dodasz do swojego dokumentu arkusz stylów. +</p> +<h3 id="Informacja:_Po_co_u.C5.BCywa.C4.87_CSS.3F" name="Informacja:_Po_co_u.C5.BCywa.C4.87_CSS.3F"> Informacja: Po co używać CSS? </h3> +<p>CSS pomaga utrzymać treść dokumentu oddzieloną od informacji o tym, jak należy ją wyświetlać. Szczegóły opisujące, jak należy wyświetlać dokument, są znane jako <i>styl</i>. Utrzymywanie rozdzielenia treści od wyglądu: +</p> +<ul><li> pozwala uniknąć powtórzeń, +</li><li> ułatwia zarządzanie dokumentem, +</li><li> umożliwia wykorzystywanie różnych stylów do różnych celów w jednym dokumencie. +</li></ul> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td> Twoja strona WWW może mieć wiele dokumentów wyglądających podobnie. Korzystając z CSS, przechowujesz informacje o wyglądzie w osobnych plikach używanych we wszystkich dokumentach. +<p>Kiedy użytkownik ogląda stronę WWW, przeglądarka pobiera informacje o stylach równolegle z treścią strony. +</p><p>Kiedy użytkownik drukuje stronę, można mu dostarczyć inne informacje o stylu, które sprawią, że wydrukowany dokument będzie bardziej czytelny. +</p> +</td></tr></tbody></table> +<p>Ogólnie rzecz biorąc, dzięki CSS język znaczników jest wykorzystywany wyłącznie do opisu treści dokumentu, a nie jego stylu. CSS jest zaś używany do opisu stylu, nie treści. (Dalej w tym kursie będzie można zobaczyć pewne wyjątki od tej reguły.) +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;"> +<caption>Więcej szczegółów +</caption><tbody><tr> +<td> Język znaczników, taki jak HTML, również dostarcza pewnych mechanizmów opisu stylów. Na przykład w HTML-u można użyć znacznika <code><B></code>, aby pogrubić tekst albo określić kolor tła strony w znaczniku <code><BODY></code>. +<p>Kiedy używasz CSS, zazwyczaj unikasz stosowania tych funkcji języka znaczników, aby trzymać wszystkie informacje o stylu dokumentu w jednym miejscu. +</p> +</td></tr></tbody></table> +<h3 id="Zadanie:_Tworzenia_arkusza_styl.C3.B3w" name="Zadanie:_Tworzenia_arkusza_styl.C3.B3w"> Zadanie: Tworzenia arkusza stylów </h3> +<p>Stwórz inny plik tekstowy w tym samym katalogu, co poprzednio. +Ten plik będzie arkuszem stylów. +Nazwij go: <code>style1.css</code> +</p><p>Skopiuj poniższą linię i wklej ją do pliku CSS, a następnie zapisz ten plik: +</p> +<div style="width: 40em;"> +<p>strong {color: red;} +</p> +</div> +<h4 id="Wi.C4.85zanie_arkusza_styl.C3.B3w_do_dokumentu" name="Wi.C4.85zanie_arkusza_styl.C3.B3w_do_dokumentu"> Wiązanie arkusza stylów do dokumentu </h4> +<p>Aby powiązać swój dokument z arkuszem stylów, wyedytuj plik HTML. +Dodaj pogrubioną linię: +</p> +<div style="width: 40em; color: gray;"> +<pre class="eval"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> +<HTML> + <HEAD> + <TITLE>Sample document</TITLE> + <strong style="color: black;"><LINK rel="stylesheet" type="text/css" href="style1.css"></strong> + </HEAD> + <BODY> + <P> + <STRONG>C</STRONG>ascading + <STRONG>S</STRONG>tyle + <STRONG>S</STRONG>heets + </P> + </BODY> +</HTML> +</pre> +</div> +<p>Zapisz ten plik i odśwież widok w swojej przeglądarce. +Ten arkusz stylów sprawia, że pierwsze litery są czerwone: +</p> +<table style="border: 2px outset #36b; padding: 1em;"> +<tbody><tr> +<td> <strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets +</td></tr></tbody></table> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;"> +<caption>Wyzwanie +</caption><tbody><tr> +<td> Poza czerwonym, CSS pozwala używać innych nazw kolorów. +<p>Bez patrzenia w dokumentację znajdź pięć innych nazw kolorów, które działają w Twoim arkuszu stylów. +</p> +</td></tr></tbody></table> +<h4 id="Co_dalej.3F" name="Co_dalej.3F"> Co dalej? </h4> +<p>Jeżeli masz problemy ze zrozumieniem tej strony albo chcesz ją skomentować, pomóż nam, dopisując się na stronie <a>Dyskusji</a>. +</p><p>Teraz masz już przykładowy dokument powiązany z osobnym arkuszem stylów, jesteś zatem gotów do zrozumienia, jak przeglądarka wiąże je podczas wyświetlania dokumentu: +<b><a href="pl/CSS/Na_pocz%c4%85tek/Jak_dzia%c5%82a_CSS">Jak działa CSS</a></b> +</p>{{ languages( { "en": "en/CSS/Getting_Started/Why_use_CSS", "fr": "fr/CSS/Premiers_pas/Pourquoi_utiliser_CSS", "it": "it/Conoscere_i_CSS/Perch\u00e9_usare_i_CSS", "ja": "ja/CSS/Getting_Started/Why_use_CSS", "pt": "pt/CSS/Como_come\u00e7ar/Porque_usar_CSS", "zh-cn": "cn/CSS/Getting_Started/Why_use_CSS" } ) }} diff --git a/files/pl/conflicting/learn/html/introduction_to_html/getting_started/index.html b/files/pl/conflicting/learn/html/introduction_to_html/getting_started/index.html new file mode 100644 index 0000000000..336a21b7f6 --- /dev/null +++ b/files/pl/conflicting/learn/html/introduction_to_html/getting_started/index.html @@ -0,0 +1,65 @@ +--- +title: Znaczenie poprawnego komentowania +slug: Web/HTML/Znaczenie_poprawnego_komentowania +tags: + - HTML + - Wszystkie_kategorie +translation_of: Learn/HTML/Introduction_to_HTML/Getting_started#HTML_comments +translation_of_original: Web/Guide/HTML/The_Importance_of_Correct_HTML_Commenting +--- +<p> </p> +<h2 id="Znaczenie_poprawnego_komentowania" name="Znaczenie_poprawnego_komentowania">Znaczenie poprawnego komentowania</h2> +<p>Podczas tworzenia HTML w <a class="external" href="http://www.mozilla.org/docs/web-developer/quirks/doctypes.html">trybie standardów</a>, niepoprawnie sformatowane komentarze mogą zepsuć twe strony, powodując wykomentowanie części lub całości ich treści. Podczas tworzenia XHTML lub XML, niepoprawne komentarze spowodują, że twoje dokumenty nie będą mogły w ogóle zostać wyświetlone.</p> +<h3 id="HTML_4.01" name="HTML_4.01">HTML 4.01</h3> +<p> + <i> + Z <a class="external" href="http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.4">Rekomendacji W3C dla HTML 4.01, Sekcji 3.2.4 - Komentarze</a>:</i> +</p> +<p>Biała spacja nie jest dozwolona między otwierającym delimiterem deklaracji znacznika ("<!") a otwierającym delimiterem komentarza ("--"), ale jest dozwolona między zamykającym delimiterem komentarza ("--") i zamykającym delimiterem deklaracji znacznika (">"). Pospolitym błędem jest umieszczanie łańcucha kresek ("---") wewnątrz komentarza. Twórcy powinni unikać wstawiania wewnątrz komentarza dwóch lub więcej sąsiadujących kresek.</p> +<h4 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h4> +<p>Poniżej przedstawiono prawidłowe komentarze HTML.</p> +<pre class="eval"><!-- poprawny komentarz HTML --> +<!-- poprawny komentarz HTML -- > +</pre> +<p>Poniżej przedstawiono nieprawidłowy komentarz HTML.</p> +<pre class="eval"><!-- niepoprawny -- komentarz HTML --> +</pre> +<h3 id="XML" name="XML">XML</h3> +<p> + <i> + Z <a class="external" href="http://www.w3.org/TR/REC-xml#sec-comments">Rekomendacji W3C dla XML 1.0, Sekcji 2.5 - Komentarze</a>:</i> +</p> +<blockquote> + <b>Definicja:</b> Komentarze mogą pojawiać się w dokumencie gdziekolwiek poza innymi znacznikami; ponadto mogą pojawiać się wewnątrz deklaracji typu dokumentu w miejscach dozwolonych przez gramatykę. Nie wchodzą w skład danych znakowych dokumentu; procesor XML może, choć nie musi, umożliwić aplikacji wydobywać tekst komentarzy. W celu zapewnienia kompatybilności, łańcuch "--" (podwójna kreska) nie może występować wewnątrz komentarzy. Odwołania do parametrów encji nie mogą być rozpoznawane wewnątrz komentarzy. + <pre>[15] Comment ::= '<!--' ((Char - '-') | ('-' (Char - '-')))* '-->' +</pre> +</blockquote> +<p>Zgodnie z opisem gramatyki komentarzy w XML, komentarz ma postać</p> +<pre class="eval"><!-- znaki bez sąsiadujących kresek --> +</pre> +<h4 id="Przyk.C5.82ady_2" name="Przyk.C5.82ady_2">Przykłady</h4> +<p>Poniżej przedstawiono prawidłowy komentarz XML i XHTML.</p> +<pre class="eval"><!-- poprawny komentarz xml/xhtml --> +</pre> +<p>Poniżej przedstawiono nieprawidłowe komentarze XML i XHTML.</p> +<pre class="eval"><!-- nieprawidłowy -- komentarz xml --> +<!-- nieprawidłowy komentarz xml ---> +<!-- nieprawidłowy komentarz xml -- > +</pre> +<h3 id="Lektury_uzupe.C5.82niaj.C4.85ce" name="Lektury_uzupe.C5.82niaj.C4.85ce">Lektury uzupełniające</h3> +<ul> + <li><a class="external" href="http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.4">Rekomendacja HTML 4.01: 3.2.4 - Komentarze</a></li> + <li><a class="external" href="http://www.w3.org/TR/REC-xml#sec-comments">Rekomendacja XML: 2.5 - Komentarze</a></li> + <li><a class="external" href="http://bugzilla.mozilla.org/show_bug.cgi?id=144432">Błąd na Bugzilli nr 144432</a></li> + <li><a class="external" href="http://bugzilla.mozilla.org/show_bug.cgi?id=102127">Błąd na Bugzilli nr 102127</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informacje_o_dokumencie" name="Informacje_o_dokumencie">Informacje o dokumencie</h3> + <ul> + <li>Ostatnia aktualizacja: 19 maj 2003</li> + <li>Copyright © 2001-2003 Netscape. All rights reserved.</li> + <li>Tłumaczenie: Krzysztof Jurewicz</li> + </ul> +</div> +<div class="noinclude"> + </div> diff --git a/files/pl/conflicting/learn/javascript/objects/index.html b/files/pl/conflicting/learn/javascript/objects/index.html new file mode 100644 index 0000000000..cb26414814 --- /dev/null +++ b/files/pl/conflicting/learn/javascript/objects/index.html @@ -0,0 +1,342 @@ +--- +title: Wprowadzenie do programowania obiektowego w języku JavaScript +slug: Web/JavaScript/Wprowadzenie_do_programowania_obiektowego_w_jezyku_JavaScript +translation_of: Learn/JavaScript/Objects +translation_of_original: Web/JavaScript/Introduction_to_Object-Oriented_JavaScript +--- +<p>JavaScript jest zorientowany obiektowo do szpiku kości dzięki potężnym, elastycznym możliwościom realizacji OOP. <span style="line-height: 1.5;">Ten artykuł zawiera wprowadzenie do programowania obiektowego (ogółem), analizuje model obiektowy w JavaScript i w końcu demonstruje aspekty programowania obiektowego w JavaScript.</span></p> + +<h2 id="JavaScript_Review" name="JavaScript_Review">Przegląd JavaScript</h2> + +<p>Jeśli nie czujesz się pewnie w zagadnieniach dotyczących JavaScript takich, jak zmienne, typy, funkcje oraz zasięg, możesz przeczytać o nich w <a href="/en/JavaScript/A_re-introduction_to_JavaScript" title="en/JavaScript/A_re-introduction_to_JavaScript">Ponownym wprowadzeniu do JavaScript (angielski)</a>. Możesz także zasięgnąć wiedzy zawartej w <a href="/en/JavaScript/Guide" title="en/JavaScript/Guide">Core JavaScript 1.5 Guide</a>.</p> + +<h2 id="Object-oriented_programming" name="Object-oriented_programming">Programowanie zorientowane obiektowo</h2> + +<p>Programowanie zorientowane obiektowo jest paradygmatem programowania, który korzysta z abstrakcji do tworzenia modeli opartych na świecie rzeczywistym. Stosuje on kilka technik z poprzednio ustanowionych paradygmatów, np. modułowość, polimorfizm czy enkapsulację. Obecnie wiele popularnych języków programowania (takich, jak Java, JavaScript, C#, C++, Python, PHP, Ruby i Objective-C) wspierają programowanie zorientowane obiektowo (OOP - z ang. "object-oriented programming").</p> + +<p>Programowanie zorientowane obiektowo może być rozumiane jako sposób projektowania oprogramowania stosujący kolekcję powiązanych ze sobą obiektów, w przeciwieństwie do tradycyjnego punktu widzenia, gdzie program może być rozumiany jako zestaw funkcji lub, po prostu, jako lista instrukcji przekazywanych do komputera. W OOP każdy obiekt jest zdolny odbierać wiadomości, przetwarzać dane i wysyłać wiadomości do innych obiektów. Każdy obiekt może być rozumiany jako niezależna mała maszyna pełniąca odrębną rolę lub odpowiedzialność.</p> + +<p><span style="line-height: 1.5;">Programowanie obiektowe ma na celu promować większą elastyczność i łatwość rozwoju w programowaniu. Jest ono bardzo popularne przy tworzeniu oprogramowania na dużą skalę. Dzięki silnemu naciskowi na modułowość, kod programu zorientowany obiektowo jest łatwiejszy do napisania i późniejszego zrozumienia, stając się łatwiejszym do bezpośredniej analizy, kodowania i rozumienia złożonych sytuacji i procedur niż mniej modułowe metody programowania.</span><sup><a href="#References">2</a></sup></p> + +<h2 id="Terminology" name="Terminology">Terminologia</h2> + +<dl> + <dt>Przestrzeń nazw (ang. "namespace")</dt> + <dd>Przestrzeń pozwalająca programiście na zawarcie wszystkich funkcjonalności pod unikalną nazwą, właściwą dla danej aplikacji.</dd> + <dt>Klasa (ang. "class")</dt> + <dd>Definiuje własności obiektu.</dd> + <dt>Obiekt (ang. "object")</dt> + <dd>Instancja (byt, twór) klasy.</dd> + <dt>Właściwość (ang. "property")</dt> + <dd>Własność obiektu, np. kolor.</dd> + <dt>Metoda (ang. "method")</dt> + <dd>Zdolność (czynność) obiektu, np. chodzenie (idź).</dd> + <dt>Konstruktor (ang. "constructor")</dt> + <dd>Metoda wywoływana w momencie inicjalizacji obiektu.</dd> + <dt>Dziedziczenie (ang. "inheritance")</dt> + <dd>Klasa może dziedziczyć własności od innej klasy.</dd> + <dt>Hermetyzacja (lub enkapsulacja - ang. "encapsulation")</dt> + <dd>Klasa definiuje tylko własności obiektu, podczas gdy metoda definiuje tylko sposób realizacji.</dd> + <dt>Abstrakcja (ang. "abstraction")</dt> + <dd>Koniunkcja złożonego dziedziczenia, metod, właściwości obiektu musi dobrze oddawać model rzeczywistości.</dd> + <dt>Polimorfizm (ang. "polymorphism")</dt> + <dd><em>Poli </em>znaczy "wiele", a <em>morfizm</em> oznacza "formy". Różne klasy mogą definiować takie same metody albo właściwości.</dd> +</dl> + +<p>Bardziej obszerną definicję programowania obiektowego można znaleźć w <a href="http://pl.wikipedia.org/wiki/Programowanie_obiektowe">Programowaniu obiektowym</a> na Wikipedii.</p> + +<h2 id="Programowanie_oparte_na_prototypie">Programowanie oparte na prototypie</h2> + +<p>Programowanie prototypowe jest stylem programowania obiektowego, w którym klasy nie są obecne, a ponowne wykorzystanie zachowań (w językach opartych na klasach znane jako dziedziczenie) jest realizowane przez proces dekoracji istniejących obiektów, które służą jako prototypy. Ten model jest znany również jako programowanie "bezklasowe", "zorientowane prototypowo" lub "oparte na instancji".</p> + +<p>Oryginalnym (i najbardziej kanonicznym) przykładem języka opartego na prototypie jest język programowaina Self stworzony przez Davida Ungara i Randalla Smitha. Niemniej jednak, programowanie w stylu bezklasowym stało się ostatnimi czasy bardzo popularne i zostało zaimplementowane w takich językach, jak Javascript, Cecil, NewtonScript, Io, MOO, REBOL, Kevo, Squeak (podczas używania frameworka Viewer do manipulacji komponentami Morphic) i kilku innych.<sup><a href="#Reference">2</a></sup></p> + +<h2 id="JavaScript_Object_Oriented_Programming" name="JavaScript_Object_Oriented_Programming">OOP w języku JavaScript</h2> + +<h3 id="Przestrzeń_nazw">Przestrzeń nazw</h3> + +<p>Przestrzeń nazw jest pojemnikiem pozwalającym programiście na zawarcie wszystkich funkcjonalności pod unikalną nazwą, właściwą dla danej aplikacji. W JavaScript przestrzeń nazw jest po prostu obiektem przechowującym metody, właściwości i inne obiekty. Cel przyświecający przestrzeniom nazw w JavaScript jest prosty: utworzony zostaje jeden globalny obiekt, a wszystkie zmienne, metody i funkcje stają się właściwościami tego obiektu. Użycie przestrzeni nazw zmniejsza również ryzyko kolizji nazw w aplikacji.</p> + +<p>Obiekt jest przestrzenią nazw:<br> + <br> + Stwórzmy globalny obiekt o nazwie MYAPP</p> + +<pre class="brush: js">// globalna przestrzeń nazw +var MYAPP = MYAPP || {};</pre> + +<p><span style="background-color: #ffffff; color: #4d4e53; font-style: normal; line-height: 1.5;">W powyższym przykładzie najpierw sprawdzamy czy MYAPP jest już zdefiniowany w tym samym lub innym pliku. Jeśli tak, używamy istniejącego globalnego obiektu MYAPP. W przeciwnym razie tworzymy pusty obiekt MYAPP, który zenkapsuluje metody, funkcje, zmienne i obiekty.</span></p> + +<p>Możemy również utworzyć podrzędną przestrzeń nazw:</p> + +<pre class="brush: js">// pod-przestrzeń nazw +MYAPP.event = {};</pre> + +<p>Poniżej znajduje się kod tworzący przestrzeń nazw i dodający zmienne, funkcje i metody:</p> + +<pre class="brush: js">// Utwórz pojemnik MYAPP.commonMethod na typowe metody i właściwości +MYAPP.commonMethod = { + regExForName: "", // zdefiniuj wyrażenie regularne do walidacji nazwiska + regExForPhone: "", // <span style="font-size: 1rem;">zdefiniuj wyrażenie regularne do walidacji numeru telefonu</span> + validateName: function(name){ + // Zrób coś z nazwiskiem. Możesz użyć zmiennej regExForName + // użycie "this.regExForName" + }, + + validatePhoneNo: function(phoneNo){ + // zrób coś z numerem telefonu + } +} + +// Obiekt razem z deklaracją metod +MYAPP.event = { + addListener: function(el, type, fn) { + // jakiś kod + }, + removeListener: function(el, type, fn) { + // jakiś kod + }, + getEvent: function(e) { + // jakiś kod + } + + // Można dodać kolejne metody i właściwości +} + +// Składnia do użycia metody AddListener: +MYAPP.event.addListener("yourel", "type", callback);</pre> + +<h3 id="Core_Objects" name="Core_Objects">Obiekty wbudowane</h3> + +<p>JavaScript posiada kilka obiektów wbudowanych, na przykład Math, Object, Array, i String. Poniższy przykład pokazuje, jak użyć obiektu Math do pobrania pseudo-losowej liczby używając metody <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">random()</span><span style="line-height: 1.5;">.</span></p> + +<pre class="brush: js">alert(Math.random()); +</pre> + +<div class="note"><strong>Notka:</strong> Ten i wszystkie dalsze przykłady zakładają, że istnieje funkcja globalna <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">alert</span><span style="line-height: 1.5;"> (taka, jak ta zaimplementowana w przeglądarkach internetowych). Tak naprawdę funkcja </span><span style="font-family: 'Courier New','Andale Mono',monospace;">alert</span><span style="line-height: 1.5;"> nie jest częścią języka JavaScript.</span></div> + +<p>Artykuł <a href="/En/Core_JavaScript_1.5_Reference/Global_Objects" title="En/Core_JavaScript_1.5_Reference/Global_Objects">Core JavaScript 1.5 Reference:Global Objects</a> zawiera listę wszystkich obiektów wbudowanych w JavaScript.</p> + +<p>Każdy obiekt w JavaScript jest instancją obiektu <span style="font-family: 'Courier New','Andale Mono',monospace;">Object</span> i tym samym dziedziczy jego wszystkie właściwości i metody.</p> + +<h3 id="Custom_Objects" name="Custom_Objects">Własne obiekty</h3> + +<h4 id="The_Class" name="The_Class">Klasa</h4> + +<p>JavaScript jest językiem opartym na prototypie, w którym nie występuje pojęcie klasy, w przeciwieństwie do języków takich, jak C++ czy Java. Fakt ten bywa dezorientujący dla programistów przyzwyczajonych do języków z pojęciem klasy. Zamiast klas, JavaScript stosuje funkcje. Zdefiniowanie klasy ogranicza się do prostej czynności, jaką jest zdefiniowanie funkcji. W poniższym przykładzie definiujemy nową klasę Person.</p> + +<pre class="brush: js">function Person() { } +or +var Person = function(){ } +</pre> + +<h4 id="The_Object_.28Class_Instance.29" name="The_Object_.28Class_Instance.29">Obiekt (instancja klasy)</h4> + +<p>Żeby utworzyć nową instancję obiektu <em>obj</em>, używamy wyrażenia <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">new </span><em>obj</em><span style="line-height: 1.5;">, przypisując jego wynik (który jest typu </span><em>obj</em><span style="line-height: 1.5;">) do zmiennej, żeby później mieć do niego dostęp.</span></p> + +<p>W poniższym przykładzie definiujemy klasę Person i tworzymy dwie instancje (person1 i person2).</p> + +<pre class="brush: js">function Person() { } +var person1 = new Person(); +var person2 = new Person(); +</pre> + +<div class="note">Zobacz również <a href="/en/JavaScript/Reference/Global_Objects/Object/create" title="Object.create">Object.create</a>, który jest nową metodą instancjalizacji.</div> + +<h4 id="The_Constructor" name="The_Constructor">Konstruktor</h4> + +<p>Konstruktor jest wywoływany w momencie instancjalizacji (moment, w którym instancja obiektu zostaje utworzona). Konstruktor jest metodą klasy. W JavaScript, funkcja służy za konstruktor obiektu. Nie ma jednak wyraźnej potrzeby definiowania konstruktora. Każda akcja zadeklarowana w konstruktorze zostanie wykonana w momencie utworzenia obiektu.</p> + +<p>Konstruktor jest używany do ustawienia właściwości obiektu lub do wywołania metod przygotowujących obiekt do użytku.</p> + +<p>W poniższym przykładzie konstruktor klasy Person wyświetla ostrzeżenie w momencie kiedy Person zostaje utworzony.</p> + +<pre class="brush: js">function Person() { + alert('Person został utworzony'); +} + +var person1 = new Person(); +var person2 = new Person(); +</pre> + +<h4 id="The_Property_.28object_attribute.29" name="The_Property_.28object_attribute.29">Właściwość (atrybut obiektu)</h4> + +<p>Właściwości są zmiennymi zawartymi wewnątrz klasy. Każda instancja obiektu posiada te właściwości. Właściwości powinny być ustawiane we właściwości prototype klasy (funkcji), dzięki czemu dziedziczenie zadziała prawidłowo.</p> + +<p>Dostęp do właściwości z wnętrza klasy odbywa się za pomocą słowa kluczowego <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">this</span><span style="line-height: 1.5;">, które odnosi się do aktualnego obiektu. Dostęp (odczyt lub zapis) do właściwości poza klasą odbywa się za pomocą składni: NazwaInstancji.Wlasciwosc; jest to taka sama składnia, jak w językach C++, Java i szeregu innych języków.</span></p> + +<p>W poniższym przykładzie definiujemy właściwość <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">firstName</span><span style="line-height: 1.5;"> dla klasy </span><span style="font-family: 'Courier New','Andale Mono',monospace;">Person</span><span style="line-height: 1.5;"> i robimy to w momencie utworzenia obiektu.</span></p> + +<pre class="brush: js">function Person(firstName) { + this.firstName = firstName; + alert('Person instantiated'); +} + +var person1 = new Person('Alice'); +var person2 = new Person('Bob'); + +// Pokaż właściwości firstName obiektów +alert('person1 nazywa się ' + person1.firstName); // komunikat "person1 nazywa się Alice" +alert('person2 nazywa się ' + person2.firstName); // komunikat "person2 nazywa się Bob" +</pre> + +<h4 id="The_methods" name="The_methods">Metody</h4> + +<p>Metody opierają się na tej samej logice, co właściwości; różnica polega na tym, że są one funkcjami i definiuje się je jak funkcje. Wywołanie metody wygląda podobnie do wywołania właściwości, z tym, że dodajemy ( ) na końcu nazwy metody, czasami z argumentami. Żeby zdefiniować metodę, przypisujemy funkcję do jakiejś właściwości obiektu <span style="font-family: 'Courier New','Andale Mono',monospace;">prototype</span> klasy; nazwa właściwości staje się nazwą metody, po jakiej wywołamy ją na obiekcie.</p> + +<p>W poniższym przykładzie definiujemy i używamy metodę <span style="font-family: 'Courier New','Andale Mono',monospace;">sayHello()</span> dla klasy Person.</p> + +<pre class="brush: js">function Person(firstName) { + this.firstName = firstName; +} + +Person.prototype.sayHello = function() { + alert("Hello, I'm " + this.firstName); +}; + +var person1 = new Person("Alice"); +var person2 = new Person("Bob"); + +// wywołanie metody sayHello klasy Person +person1.sayHello(); // komunikat "Hello, I'm Alice" +person2.sayHello(); // komunikat "Hello, I'm Bob" +</pre> + +<p>W JavaScript metody to zwykłe funkcje, które są przypisane do obiektu jako jego właściwości, dzięki czemu mogą być wywoływane w jego kontekście. Przyjrzyj się natępującemu przykładowi kodu:</p> + +<pre class="brush: js">function Person(firstName) { + this.firstName = firstName; +} + +Person.prototype.sayHello = function() { + alert("Hello, I'm " + this.firstName); +}; + +var person1 = new Person("Alice"); +var person2 = new Person("Bob"); +var helloFunction = person1.sayHello; + +person1.sayHello(); // komunikat "Hello, I'm Alice" +person2.sayHello(); // <span style="font-size: 1rem;">komunikat</span><span style="font-size: 1rem;"> "Hello, I'm Bob"</span> +helloFunction(); // <span style="font-size: 1rem;">komunikat</span><span style="font-size: 1rem;"> "Hello, I'm undefined" (lub niepowodzenie</span> + // wyświetlające TypeError w trybie strict) +alert(helloFunction === person1.sayHello); // <span style="font-size: 1rem;">komunikat</span><span style="font-size: 1rem;"> true</span> +alert(helloFunction === Person.prototype.sayHello); // <span style="font-size: 1rem;">komunikat</span><span style="font-size: 1rem;"> true</span> +helloFunction.call(person1); // <span style="font-size: 1rem;">komunikat</span><span style="font-size: 1rem;"> "Hello, I'm Alice"</span> +</pre> + +<p>Jak pokazuje powyższy przykład, wszystkie odniesienia do funkcji <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">sayHello </span><span style="line-height: 1.5;">—</span><span style="line-height: 1.5;"> to w obiekcie person1, w </span><code style="font-style: normal; line-height: 1.5;">Person.prototype</code><span style="line-height: 1.5;">, w </span><code style="font-style: normal; line-height: 1.5;">helloFunction</code><span style="line-height: 1.5;">variable, itd. — dotyczą tej <em>samej funkcji</em>. W trakcie wywołania funkcji, wartość </span><span style="font-family: 'Courier New','Andale Mono',monospace;">this</span><span style="line-height: 1.5;"> zależy od tego, jak ją wywołamy. W typowym przypadku, gdzie wywołujemy funkcję jako metodę obiektu </span><span style="line-height: 1.5;">— </span><code style="font-style: normal; line-height: 1.5;">person1.sayHello()</code><span style="line-height: 1.5;"> — </span><code style="font-style: normal; line-height: 1.5;">this</code><span style="line-height: 1.5;"> odnosi się do obiektu, z którego funkcja pochodzi (person1), stąd </span><span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">person1.sayHello()</span><span style="line-height: 1.5;"> używa nazwy "Alice", a </span><span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">person2.sayHello() </span><span style="line-height: 1.5;">używa nazwy "Bob". Natomiast wywołanie funkcji ze zmiennej </span><span style="line-height: 1.5;">— </span><code style="font-style: normal; line-height: 1.5;">helloFunction()</code><span style="line-height: 1.5;"> —</span><span style="line-height: 1.5;"> ustawia </span><span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">this</span><span style="line-height: 1.5;"> na obiekt globalny (</span><span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">window</span><span style="line-height: 1.5;"> w przypadku przeglądarek). Ponieważ ten obiekt najprawdopodobniej nie posiada właściwości </span><span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">firstName</span><span style="line-height: 1.5;">, ostatecznie otrzymujemy komunikat "Hello, I'm undefined". (Tak będzie w trybie loose; byłoby inaczej [błąd] w <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/Strict_mode">trybie strict</a>, ale nie będziemy go tutaj opisywać, żeby nie wprowadzać zamieszania). Możemy też ustawić </span><span style="font-family: 'Courier New','Andale Mono',monospace;">this</span><span style="line-height: 1.5;"> wedle uznania, używając funkcji </span><span style="font-family: 'Courier New','Andale Mono',monospace;">call</span><span style="line-height: 1.5;"> (lub </span><span style="font-family: 'Courier New','Andale Mono',monospace;">apply</span><span style="line-height: 1.5;">), tak jak pokazuje ostatni przykład.</span></p> + +<div class="note">Więcej na temat <span style="font-family: 'Courier New','Andale Mono',monospace;">this</span> w <a href="/en/JavaScript/Reference/Global_Objects/Function/call" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call">Function#call</a> oraz <a href="/en/JavaScript/Reference/Global_Objects/Function/apply" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply">Function#apply</a></div> + +<h4 id="Inheritance" name="Inheritance">Dziedziczenie</h4> + +<p>Dziedziczenie jest sposobem na stworzenie klasy jako specjalistycznej wersji jednej lub większej ilości klas (<em>JavaScript wspiera tylko dziedziczenie pojedyncze</em>). Taka wyspecjalizowana klasa jest często nazywana <em>dzieckiem</em>, natomiast ta druga — <em>rodzicem</em>. W JavaScript osiąga się to poprzez przypisanie klasy rodzica do klasy dziecka, a następnie wyspecjalizowaniu jej. W nowoczesnych przeglądarkach można również użyć <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/create#Classical_inheritance_with_Object.create" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/create#Classical_inheritance_with_Object.create">Object.create</a> do implementacji dziedziczenia.</p> + +<div class="note"> +<p>JavaScript nie wykrywa właściwości klasy dziecka <code>prototype.constructor</code> (zobacz <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/prototype">Core JavaScript 1.5 Reference:Global Objects:Object:prototype</a>), więc musimy tego dokonać ręcznie.</p> +</div> + +<p>W poniższym przykładzie definiujemy klasę <code>Student</code> jako dziecko klasy <code>Person</code>. Następnie definiujemy ponownie metodę <code>sayHello()</code> oraz dodajemy metodę <code>sayGoodBye()</code>.</p> + +<pre class="brush: js">// Definicja konstruktora Person +function Person(firstName) { + this.firstName = firstName; +} + +// Dodajemy kilka metod do Person.prototype +Person.prototype.walk = function(){ + alert("I am walking!"); +}; +Person.prototype.sayHello = function(){ + alert("Hello, I'm " + this.firstName); +}; + +// Definiujemy konstruktor +function Student(firstName, subject) { + // Wywołujemy konstruktor rodzica (używając Function#call) upewniając się, że "this" + // <span style="font-size: 1rem;">zostanie ustawione poprawnie podczas wywołania</span> + Person.call(this, firstName); + + // inicjalizujemy właściwości odpowiednie dla studenta + this.subject = subject; +}; + +// Tworzymy obiekt Student.prototype, który dziedziczy po Person +// Uwaga: Typowym błędem w takich przypadkach jest użycie "new Person()" do utworzenia Student.prototype. +// Jest to niepoprawne z kilku powodów, nie wspominając o tym, +// Nie mielibyśmy jakiej wartości podać jako argument "firstName". +// Prawidłowym miejscem na wywołanie konstruktora Person jest to powyżej, w konstruktorze Student +Student.prototype = Object.create(Person.prototype); + +// Ustawiamy właściwość "constructor" na obiekt Student +Student.prototype.constructor = Student; + +// Zmieniamy metodę "sayHello" +Student.prototype.sayHello = function(){ + alert("Hello, I'm " + this.firstName + ". I'm studying " + this.subject + "."); +}; + +// Dodajemy metodę "sayGoodBye" +Student.prototype.sayGoodBye = function(){ + alert("Goodbye!"); +}; + +// Przykład użycia: +var student1 = new Student("Janet", "Applied Physics"); +student1.sayHello(); // "Hello, I'm Janet. I'm studying Applied Physics." +student1.walk(); // "I am walking!" +student1.sayGoodBye(); // "Goodbye!" + +// sprawdzamy poprawność działania "instanceof" +alert(student1 instanceof Person); // true +alert(student1 instanceof Student); // true +</pre> + +<p>Jeśli chodzi o linię <code>Student.prototype = Object.create(Person.prototype);</code> w starszych silnikach JavaScript, nie posiadających metody <a href="/en/JavaScript/Reference/Global_Objects/Object/create" title="Object.create"><code>Object.create</code></a>, można użyć tzw. "polyfill" (aka "shim", patrz artykuł powyżej), czyli funkcję, która stanowi swego rodzaju łatkę zapewniającą kompatybilność wsteczną danej funkcjonalności. Można też samemu napisać funkcję dającą taki sam efekt:</p> + +<pre class="brush: js">function createObject(proto) { + function ctor() { } + ctor.prototype = proto; + return new ctor(); +} + +// Przykład użycia: +Student.prototype = createObject(Person.prototype); +</pre> + +<div class="note">Zobacz <a href="/en/JavaScript/Reference/Global_Objects/Object/create" title="Object.create">Object.create</a>, żeby poznać wszystkie jego możliwości oraz znaleźć łatkę dla starszych silników JavaScript.</div> + +<h4 id="Encapsulation" name="Encapsulation">Enkapsulacja (hermetyzacja)</h4> + +<p>W poprzednim przykładzie klasa <code>Student</code> nie musiała wiedzieć, w jaki sposób metoda <span style="font-family: 'Courier New','Andale Mono',monospace; line-height: 1.5;">walk()</span><span style="line-height: 1.5;"> klasy </span><code style="font-style: normal; line-height: 1.5;">Person</code><span style="line-height: 1.5;"> została zaimplementowana</span><span style="line-height: 1.5;">, ale wciąż mogła jej używać; klasa </span><code style="font-style: normal; line-height: 1.5;">Student</code><span style="line-height: 1.5;"> nie musi ponownie definiować tej metody, dopóki nie chcemy jej zmienić. To zjawisko nazywamy </span><strong style="line-height: 1.5;">enkapsulacją</strong><span style="line-height: 1.5;">, czyli każda klasa dziedziczy metody swojego rodzica i definiuje własne tylko wtedy, gdy chce coś zmienić.</span></p> + +<h4 id="Abstraction" name="Abstraction">Abstrakcja</h4> + +<p>Abstrakcja jest mechanizmem, który pozwala modelować aktualnie rozpatrywany problem. Może to być osiągane przez dziedziczenie (specjalizację) lub kompozycję. JavaScript osiąga specjalizację dzięki dziedziczeniu, a kompozycję dzięki umożliwieniu instancjom klas bycie wartościami atrybutów innych obiektów.</p> + +<p>Klasa Function w JavaScript dziedziczy po klasie Object (jest to przykład specjalizacji modelu), natomiast właściwość Function.prototype jest instancją Object (co z kolei jest przykładem kompozycji).</p> + +<pre class="brush: js">var foo = function(){}; +alert( 'foo is a Function: ' + (foo instanceof Function) ); +alert( 'foo.prototype is an Object: ' + (foo.prototype instanceof Object) ); +</pre> + +<h4 id="Polymorphism" name="Polymorphism">Polimorfizm</h4> + +<p>Tak, jak wszystkie metody i właściwości są zdefiniowane wewnątrz właściwości <code>prototype</code>, tak różne klasy mogą definiować metody z tą samą nazwą; metody mają zasięg ograniczony do klasy, w której zostały zdefiniowane. Ma to rację bytu tylko w przypadku, gdy dwie klasy nie są w relacji rodzic-dziecko (kiedy jedna nie dziedziczy po drugiej w łańcuchu dziedziczenia).</p> + +<h2 id="Notes" name="Notes">Uwagi</h2> + +<p>Techniki implementacji programowania zorientowanego obiektowo zaprezentowane w tym artykule nie są jedynymi, jakie umożliwia JavaScript, dzięki czemu sposób osiągnięcia programowania obiektowego jest w tym języku bardzo elastyczny.</p> + +<p>Techniki tutaj przedstawione nie zawierają żadnych sztuczek językowych, ani nie próbują naśladować implementacji teorii obiektowości z innych języków.</p> + +<p>Istnieją inne techniki, które czynią programowanie obiektowe w JavaScript jeszcze bardziej zaawansowanym, jednak są one poza zasięgiem tego artykułu wprowadzającego.</p> + +<h2 id="References" name="References">Przypisy</h2> + +<ol> + <li>Mozilla. "<a href="/docs/Web/JavaScript/Guide" title="/docs/Web/JavaScript/Guide">Core JavaScript 1.5 Guide</a>", https://developer.mozilla.org/docs/Web/JavaScript/Guide</li> + <li>Wikipedia. "Object-oriented programming", <a class="external" href="http://en.wikipedia.org/wiki/Object-oriented_programming" rel="freelink">http://en.wikipedia.org/wiki/Object-...ed_programming</a></li> + <li><a href="http://davidwalsh.name/javascript-objects">OOP JavaScript Overview</a> series by Kyle Simpson</li> +</ol> diff --git a/files/pl/conflicting/mozilla/add-ons/index.html b/files/pl/conflicting/mozilla/add-ons/index.html new file mode 100644 index 0000000000..fc05606e60 --- /dev/null +++ b/files/pl/conflicting/mozilla/add-ons/index.html @@ -0,0 +1,369 @@ +--- +title: Tworzymy rozszerzenie +slug: Tworzymy_rozszerzenie +tags: + - Dodatki + - Rozszerzenia +translation_of: Mozilla/Add-ons +translation_of_original: Building_an_Extension +--- +<h2 id="Wprowadzenie" name="Wprowadzenie">Wprowadzenie</h2> + +<p>Ten przewodnik przeprowadzi Cię przez kilka kroków potrzebnych do stworzenia bardzo prostego <a href="/pl/Rozszerzenia" title="pl/Rozszerzenia">rozszerzenia</a>, które doda do Firefoksa panel na pasku statusu z tekstem "Witaj Świecie!"</p> + +<div class="note"><strong>Uwaga!</strong> Ten artykuł dotyczy tworzenia rozszerzenia dla Firefoksa 1.5 i późniejszych. Istnieją także przewodniki na temat budowy rozszerzeń dla starszych wersji Firefoksa.</div> + +<h2 id="Przygotowanie_.C5.9Brodowiska_programowania" name="Przygotowanie_.C5.9Brodowiska_programowania">Przygotowanie środowiska programowania</h2> + +<p>Rozszerzenia są spakowane i rozpowszechniane w plikach ZIP lub <a href="/pl/Paczki" title="pl/Paczki">paczkach</a> z rozszerzeniem pliku <code>xpi</code> (<em>wymawiane jak “zippy”</em>). Układ zawartości wewnątrz pliku XPI może wyglądać następująco:</p> + +<pre class="eval">extension.xpi: + /<a href="/pl/Manifesty_Instalacji" title="pl/Manifesty_Instalacji">install.rdf</a> + /<a href="#Komponenty_XPCOM">components/*</a> + /<a href="#Linia_polece.C5.84_aplikacji">components/cmdline.js</a> + /<a href="#Pliki_domy.C5.9Blne">defaults/</a> + /<a href="#Pliki_domy.C5.9Blne">defaults/preferences/*.js</a> + /plugins/* + /<a href="/pl/Rejestracja_Chrome" title="pl/Rejestracja_Chrome">chrome.manifest</a> + /<a href="/pl/Ikony_okna" title="pl/Ikony_okna">chrome/icons/default/*</a> + /chrome/ + /chrome/content/ + +</pre> + +<p>Z tego powodu najłatwiej będzie układać pliki źródłowe w podobny sposób, chyba że chcesz napisać coś w stylu pliku Makefile lub skryptu powłoki, aby spakować wszystkie swoje pliki. Nawet, jeśli jesteś gotów to zrobić, testowanie rozszerzenia będzie znacznie łatwiejsze, jeśli ułożysz swoje pliki w powyższy sposób, ze względu na sposób pracy systemu Dodatków Firefoksa 1.5.</p> + +<p>Zaczynajmy. Utwórz gdzieś na swoim dysku folder dla Twojego rozszerzenia, np. <code>C:\extensions\my_extension\</code> lub <code>~/extensions/my_extension/</code>. (Uwaga: Używaj tylko małych liter) Wewnątrz tego folderu tworzymy kolejny o nazwie <code>chrome</code>, następnie wewnątrz <code>chrome</code> tworzymy folder <code>content</code>. (W systemach Uniksowych można zazwyczaj stworzyć wszystkie trzy foldery za pomocą polecenia <code>mkdir -p chrome/content</code> wydanego w głównym katalogu rozszerzenia.)</p> + +<p>Wewnątrz <strong>głównego</strong> folderu rozszerzenia, obok folderu <code>chrome</code>, tworzymy dwa puste pliki tekstowe: <code>chrome.manifest</code> oraz <code>install.rdf</code>.</p> + +<p>Przykładowo:</p> + +<pre>#!/bin/sh +h=$HOME/moExt +mkdir -p $h/my_extension/chrome/content +touch $h/my_extension/chrome.manifest $h/my_extension/install.rdf +</pre> + +<p>Więcej wskazówek na temat tego jak przygotowywać środowisko programistyczne można znaleźć w artykule <a href="/pl/Przygotowanie_%C5%9Brodowiska_programowania_rozszerzenia" title="pl/Przygotowanie_środowiska_programowania_rozszerzenia">Przygotowanie środowiska programowania rozszerzenia</a>.</p> + +<h2 id="Tworzenie_manifestu_instalacji" name="Tworzenie_manifestu_instalacji">Tworzenie manifestu instalacji</h2> + +<p>Otwieramy plik <code><a href="/pl/Manifesty_Instalacji" title="pl/Manifesty_Instalacji">install.rdf</a></code>, który utworzyliśmy w głównym katalogu rozszerzenia i wpisujemy tam:</p> + +<pre class="eval"><?xml version="1.0"?> + +<RDF xmlns="<span class="nowiki">http://www.w3.org/1999/02/22-rdf-syntax-ns#</span>" + xmlns:em="<span class="nowiki">http://www.mozilla.org/2004/em-rdf#</span>"> + + <Description about="urn:mozilla:install-manifest"> + <em:id><strong><a class="link-mailto" href="mailto:sample@foo.net" rel="freelink">sample@foo.net</a></strong></em:id> + <em:version><strong>1.0</strong></em:version> + <em:type>2</em:type> + + <!-- Target Application this extension can install into, + with minimum and maximum supported versions. --> + <em:targetApplication> + <Description> + <em:id><strong>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</strong></em:id> + <em:minVersion><strong>1.0+</strong></em:minVersion> + <em:maxVersion><strong>1.5.0.*</strong></em:maxVersion> + </Description> + </em:targetApplication> + + <!-- Front End MetaData --> + <em:name><strong>Sample!</strong></em:name> + <em:description><strong>A test extension</strong></em:description> + <em:creator><strong>Your Name Here</strong></em:creator> + <em:homepageURL><strong><span class="nowiki">http://www.foo.com/</span></strong></em:homepageURL> + </Description> +</RDF> +</pre> + +<ul> + <li><strong><a class="link-mailto" href="mailto:sample@foo.net" rel="freelink">sample@foo.net</a></strong> - Identyfikator rozszerzenia. Jest to wartość, która pozwala zidentyfikować rozszerzenia, w formacie adresu email (zauważ, ze nie powinien to być <strong>Twój</strong> adres e-mail). Powinna być to wartość unikatowa. Możesz użyć także GUID. UWAGA: parametr ten MUSI posiadać format adresu e-mail, ale NIE musi to być poprawny adres <a class="link-mailto" href="mailto:(cośtam@coś.coś)" rel="freelink">(cośtam@coś.coś)</a>.</li> + <li>Określ <code><em:type>2</em:type></code> -- cyfra 2 wskazuje, że plik opisuje rozszerzenie (zobacz inne <a href="/pl/Manifesty_Instalacji#type" title="pl/Manifesty_Instalacji#type">typy kodów</a>).</li> + <li><strong>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</strong> - Identyfikator aplikacji Firefox.</li> + <li><strong>1.0+</strong> - Minimalna wersja Firefoksa, na której rozszerzenie będzie działać. Ustaw tu minimalną wersję Firefoksa, dla której będziemy testować rozszerzenie i przygotowywać poprawki błędów.</li> + <li><strong>1.5.0.*</strong> - Maksymalna wersja Firefoksa, na której rozszerzenie będzie działać. Ustaw tak, aby wersja ta nie była nowsza niż najnowsza dostępna obecnie wersja Firefoksa!</li> +</ul> + +<p>Zobacz <a href="/pl/Manifesty_Instalacji" title="pl/Manifesty_Instalacji">Manifesty Instalacji</a>, gdzie znajdziesz kompletną listę wymaganych i opcjonalnych właściwości.</p> + +<p>Zapisz plik.</p> + +<h2 id="Rozszerzanie_przegl.C4.85darki_przy_u.C5.BCyciu_j.C4.99zyka_XUL" name="Rozszerzanie_przegl.C4.85darki_przy_u.C5.BCyciu_j.C4.99zyka_XUL">Rozszerzanie przeglądarki przy użyciu języka XUL</h2> + +<p>Interfejs użytkownika w Firefoksie napisany jest w XUL i JavaScript. <a href="/pl/XUL" title="pl/XUL">XUL</a> jest językiem zgodnym z językiem XML, pozwala on na tworzenie elementów interfejsu użytkownika takich jak: przyciski, menu, paski narzędzi itp. Akcje użytkownika są powiązane z funkcjami przy użyciu języka JavaScript.</p> + +<p>Aby rozszerzyć możliwości przeglądarki, zmieniamy interfejs użytkownika poprzez dodanie lub modyfikację kontrolek. Możemy dodać elementy interfejsu poprzez wstawienie nowych elementów DOM XUL do okna przeglądarki i zmodyfikowanie ich poprzez dodanie skryptów i uchwytów zdarzeń.</p> + +<p>Przeglądarka jest zaimplementowana w pliku XUL o nazwie <code>browser.xul</code> (<code>$FIREFOX_INSTALL_DIR/chrome/browser.jar</code> zawiera <code>content/browser/browser.xul</code>). W browser.xul znajdziemy pasek stanu, który wygląda mniej więcej tak:</p> + +<pre class="eval"><statusbar id="status-bar"> + ... <statusbarpanel>s ... +</statusbar> +</pre> + +<p><code><statusbar id="status-bar"></code> jest punktem wiązania dla nakładki XUL.</p> + +<h5 id="Nak.C5.82adki_XUL" name="Nak.C5.82adki_XUL">Nakładki XUL</h5> + +<p><a href="/pl/Nak%C5%82adki_XUL" title="pl/Nakładki_XUL">Nakładki XUL</a> są metodą na dołączanie w locie elementów interfejsu XUL do gotowych dokumentów XUL. Nakładka XUL to plik o rozszerzeniu .xul określający fragmenty w języku XUL, które mają zostać dołączone do określonego punktu wiązania w dokumencie głównym. Fragmenty te mogą określać elementy interfejsu, które mają zostać dodane, usunięte lub zmodyfikowane.</p> + +<p><strong>Przykładowy dokument nakładki XUL</strong> {{ Ref(1) }}</p> + +<pre class="eval"><?xml version="1.0"?> +<overlay id="sample" + xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"> + <statusbar id="<strong>status-bar</strong>"> + <statusbarpanel id="my-panel" label="Witaj świecie!"/> + </statusbar> +</overlay> +</pre> + +<p>Element <code><statusbar></code> nazwany <code><strong>status-bar</strong></code> określa "punkt wiązania" w oknie przeglądarki, do którego chcemy się podpiąć.</p> + +<p>Element podrzędny ("dziecko") <code><statusbarpanel></code> jest nowym elementem interfejsu, który chcemy wstawić wewnątrz elementu będącego punktem wiązania.</p> + +<p>Skopiuj przykładowy kod podany powyżej i zapisz go w pliku o nazwie <code><strong>sample.xul</strong></code> wewnątrz katalogu <code>chrome/content</code>, który wcześniej utworzyłeś.</p> + +<p>Aby dowiedzieć się więcej na temat wiązania elementów interfejsu i modyfikowania interfejsu użytkownika przy zastosowaniu Nakładek, czytaj dalej.</p> + +<h2 id="Chrome_URI" name="Chrome_URI">Chrome URI</h2> + +<p>Pliki XUL są częścią "<a href="/pl/Rejestracja_Chrome" title="pl/Rejestracja_Chrome">Pakietów Chrome</a>" - paczek komponentów interfejsu użytkownika, które są ładowane przy użyciu URI <code><a class="external" rel="freelink">chrome://</a></code>. Zamiast ładować przeglądarkę z dysku używając URI <code><a class="external" rel="freelink">file://</a></code> (ponieważ położenie Firefoksa w systemie może się zmieniać w zależności od platformy i systemu), twórcy Firefoksa wymyślili w jaki sposób tworzyć URI dla zawartości plików XUL, o których wie zainstalowana aplikacja.</p> + +<p>URI dla okna przeglądarki to: <code><a class="external" rel="freelink">chrome://browser/content/browser.xul</a></code> Spróbuj wpisać to URI do paska adresu w Firefoksie!</p> + +<p>Chrome URI składa się z kilku części:</p> + +<ul> + <li>Po pierwsze, <strong>rodzaju zasobu/usługi URI</strong> (<code>chrome</code>), który mówi bibliotece sieciowej Firefoksa, że jest to Chrome URI i że ładowana przez niego zawartość będzie wymagała obsłużenia w specjalny sposób.</li> + <li>Po drugie, nazwy pakietu (w przykładzie powyżej, <code><strong>browser</strong></code>), która identyfikuje paczkę komponentów interfejsu użytkownika. Ta nazwa powinna być tak unikalna dla twojej aplikacji jak to możliwe, aby uniknąć kolizji między rozszerzeniami.</li> + <li>Po trzecie, typ żądanych danych. Są trzy typy: <code>content</code> (XUL, JavaScript, wiązania XBL i inne, które tworzą strukturę i funkcjonalność interfejsu użytkownika aplikacji), <code>locale</code> (DTD, pliki .properties (właściwości) i inne, które zawierają łańcuchy znaków dla <a href="/pl/Lokalizacja" title="pl/Lokalizacja">lokalizacji</a>) interfejsu oraz <code>skin</code> (CSS i obrazki, które tworzą <a href="/pl/Motywy" title="pl/Motywy">motyw</a> (wygląd) interfejsu)</li> + <li>Na koniec, ścieżka do pliku, który ma zostać załadowany przez URI.</li> +</ul> + +<p>Tak więc, <code><a class="external" rel="freelink">chrome://foo/skin/bar.png</a></code> ładuje plik <code>bar.png</code> z sekcji <code>skin</code> rozszerzenia <code>foo</code>.</p> + +<p>Kiedy ładujesz zawartość używając Chrome URI, Firefox używa rejestru Chrome do przetłumaczenia tych identyfikatorów URI na właściwe pliki źródłowe na dysku (lub w archiwach JAR).</p> + +<h2 id="Tworzenie_Manifestu_Chrome" name="Tworzenie_Manifestu_Chrome">Tworzenie Manifestu Chrome</h2> + +<p>Więcej informacji o manifeście Chrome i obsługiwanych przez niego właściwościach znajdziesz w dokumentacji <a href="/pl/Rejestracja_Chrome" title="pl/Rejestracja_Chrome">Manifestu Chrome</a>.</p> + +<p>Otwórz plik o nazwie <strong>chrome.manifest</strong>, który stworzyłeś obok katalogu <code>chrome</code> w głównym katalogu rozszerzenia.</p> + +<p>Dodaj poniższy kod:</p> + +<pre class="eval">content sample chrome/content/ +</pre> + +<p>(<strong>Nie zapomnij o ukośnikach "<code>/</code>"!</strong> Bez nich pakiet nie zostanie zarejestrowany.)</p> + +<p>Dane w pliku określają:</p> + +<ol> + <li>typ zawartości przechowywanej w pakiecie chrome,</li> + <li>nazwę pakietu chrome (używaj wyłącznie małych liter w nazwie rozszerzenia ("sample"), ponieważ Firefoks/Thunderbird nie obsługuje mieszanych wielkości liter w wersji 2 oraz wcześniejszych - {{ Bug(132183) }}),</li> + <li>położenie plików pakietu chrome.</li> +</ol> + +<p>Zatem powyższa linia informuje, że dla pakietu <strong>sample</strong> możemy znaleźć pliki zawierające dane typu <strong>content</strong> (zawartość) w lokalizacji <code>chrome/content</code>, podanej względem położenia pliku <code>chrome.manifest</code>.</p> + +<p>Zauważ, że pliki zawartości, lokalizacji i motywu muszą być zawarte wewnątrz folderów content, locale oraz skin wewnątrz twojego podkatalogu <code>chrome</code>.</p> + +<p>Zapisz plik. Kiedy załadujesz Firefoksa z twoim rozszerzeniem (dalej w tym przewodniku), ten plik umożliwi zarejestrowanie Twojego pakietu chrome.</p> + +<h4 id="Rejestrowanie_nak.C5.82adki" name="Rejestrowanie_nak.C5.82adki">Rejestrowanie nakładki</h4> + +<p>Chcemy, aby Firefox łączył Twoją nakładkę z oknem przeglądarki, zawsze gdy jest ono wyświetlane. Dodaj tą linię do twojego pliku <code>chrome.manifest</code> :</p> + +<pre class="eval">overlay <a class="external" rel="freelink">chrome://browser/content/browser.xul</a> <a class="external" rel="freelink">chrome://sample/content/sample.xul</a> +</pre> + +<p>Mówi ona Firefoksowi, żeby połączył <code>sample.xul</code> i <code>browser.xul</code>, gdy <code>browser.xul</code> jest ładowany.</p> + +<h2 id="Test" name="Test">Test</h2> + +<p>Po pierwsze, musimy powiedzieć przeglądarce Firefox o Twoim rozszerzeniu. W starych, złych czasach Firefoksa 1.0 oznaczało to spakowanie rozszerzenia jako XPI i zainstalowanie go przez interfejs użytkownika, co było naprawdę nieprzyjemne. Teraz jest to znacznie prostsze.</p> + +<ol> + <li>Otwórz swój <a class="external" href="http://kb.mozillazine.org/Profile_folder">folder profilu</a>,</li> + <li>Otwórz folder <strong>extensions</strong> (stwórz go, jeśli nie istnieje),</li> + <li>Stwórz nowy plik tekstowy i umieść w nim ścieżkę do folderu twojego rozszerzenia, np. <code>C:\extensions\myExtension\</code> lub <code>~/extensions/myExtension</code>. Zapisz plik z identyfikatorem twojego rozszerzenia jako jego nazwą, np. <code><a class="link-mailto" href="mailto:sample@foo.net" rel="freelink">sample@foo.net</a></code>.</li> +</ol> + +<p>(<strong>Nie zapomnij o ukośniku "<code>/</code>"!</strong> Bez niego rozszerzenie nie zostanie zarejestrowane.)</p> + +<p>Teraz jesteś gotowy do testowania swojego rozszerzenia!</p> + +<p>Uruchom Firefoksa. Firefox wykryje plik z odnośnikiem do katalogu Twojego rozszerzenia i zainstaluje rozszerzenie. Kiedy pojawi się okno przeglądarki, powinieneś zobaczyć tekst "Witaj świecie!" z prawej strony paska statusu.</p> + +<p>Możesz teraz wrócić i zmienić plik .xul, uruchomić ponownie Firefoksa - zmiany powinny się pojawić.</p> + +<center> +<p><img alt="grafika:Helloworld_status_bar.PNG" class="internal" src="/@api/deki/files/2319/=Helloworld_status_bar.PNG"></p> + +<p><img alt="grafika:Helloworld_extensions_wnd.PNG" class="internal" src="/@api/deki/files/2317/=Helloworld_extensions_wnd.PNG"></p> +</center> + +<h2 id="Pakowanie" name="Pakowanie">Pakowanie</h2> + +<p>Teraz, gdy twoje rozszerzenie działa, możesz je spakować w celu umożliwienia dystrybucji i instalacji.</p> + +<p>Spakuj jako archiwum zip <strong>zawartość</strong> katalogu rozszerzenia (nie sam folder rozszerzenia) i zmień rozszerzenie pliku zip na rozszerzenie .xpi. W Windows XP możesz to łatwo zrobić przez zaznaczenie wszystkich plików i podfolderów w katalogu rozszerzenia, kliknięcie prawym przyciskiem myszy i wybranie "Wyślij do -> Folder skompresowany (zip)". Plik .zip zostanie utworzony. Teraz tylko zmień nazwę i gotowe!</p> + +<p>Teraz wgraj plik .xpi na serwer i upewnij się, że jest obsługiwany jako <code>application/x-xpinstall</code>. Możesz podlinkować plik i umożliwić ludziom ściąganie i instalowanie Twojego rozszerzenia w Firefoksie.</p> + +<h3 id="Zastosowanie_addons.mozilla.org" name="Zastosowanie_addons.mozilla.org">Zastosowanie addons.mozilla.org</h3> + +<p>Mozilla Update jest witryną służącą do rozpowszechniania rozszerzeń, gdzie możesz umieścić swoje rozszerzenie za darmo. Rozszerzenie będzie przechowywane w sieci mirrorów Mozilli gwarantując możliwość ściągnięcia go, nawet jeżeli będzie ono bardzo popularne. Witryna Mozilli umożliwia także użytkownikom łatwiejszą instalację i automatyczne uaktualnienia do nowych wersji po ich udostępnieniu przez Ciebie. W dodatku Mozilla Update pozwala użytkownikom komentować i dostarczać opinie na temat twojego rozszerzenia. Rozpowszechnianie swoich rozszerzeń za pomocą Mozilla Update jest bardzo zalecane!</p> + +<p>Odwiedź <a class="external" href="http://addons.mozilla.org/developers/" rel="freelink">http://addons.mozilla.org/developers/</a>, załóż konto i zacznij rozpowszechnianie swoich rozszerzeń!</p> + +<p><em>Uwaga:</em> Twoje rozszerzenie może być szybciej udostępnione i częściej ściągane, jeśli masz jego dobry opis i ekranowe zrzuty rozszerzenia w akcji.</p> + +<h3 id="Rejestrowanie_rozszerze.C5.84_w_rejestrze_Windows" name="Rejestrowanie_rozszerze.C5.84_w_rejestrze_Windows">Rejestrowanie rozszerzeń w rejestrze Windows</h3> + +<p>W systemie Windows informacja o rozszerzeniach może być dodana do rejestru, wtedy rozszerzenia będą automatycznie instalowane następnym razem, gdy aplikacja (Firefox/Thunderbird) uruchamia się. To umożliwia instalatorom innych aplikacji łatwe integrowanie się z Firefoksem i innymi aplikacjami Mozilli poprzez rozszerzenia. Zobacz <a href="/pl/Dodawanie_rozszerze%C5%84_poprzez_rejestr_systemu_Windows" title="pl/Dodawanie_rozszerzeń_poprzez_rejestr_systemu_Windows">Dodawanie rozszerzeń poprzez rejestr systemu Windows</a> w celu uzyskania dalszych informacji.</p> + +<h2 id="Wi.C4.99cej_o_nak.C5.82adkach_XUL" name="Wi.C4.99cej_o_nak.C5.82adkach_XUL">Więcej o nakładkach XUL</h2> + +<p>Poza dołączaniem kontrolek interfejsu użytkownika do punktów łączenia możesz użyć fragmentów XUL w Nakładkach do:</p> + +<ul> + <li>Modyfikowania atrybutów punktu łączenia, np. <code><statusbar id="status-bar" hidden="true"/></code> (ukrywa pasek statusu)</li> + <li>Usunięcia punktu łączenia z głównego dokumentu, np. <code><statusbar id="status-bar" removeelement="true"/></code></li> + <li>Kontrolowania pozycji wstawianych kontrolek:</li> +</ul> + +<pre class="eval"><statusbarpanel position="1" .../> + +<statusbarpanel insertbefore="other-id" .../> + +<statusbarpanel insertafter="other-id" .../> +</pre> + +<h2 id="Tworzenie_nowego_komponentu_interfejsu_u.C5.BCytkownika" name="Tworzenie_nowego_komponentu_interfejsu_u.C5.BCytkownika">Tworzenie nowego komponentu interfejsu użytkownika</h2> + +<p>Możesz tworzyć swoje własne okna i okienka dialogowe jako oddzielne pliki .xul, dostarczać nową funkcjonalność poprzez implementację akcji w plikach .js, używać metod <a href="/pl/O_modelu_obiektowym_dokumentu" title="pl/O_modelu_obiektowym_dokumentu">DOM</a> do manipulowania kontrolkami interfejsu użytkownika. Możesz używać stylów w plikach .css do dołączania obrazków, ustawiania kolorów itp.</p> + +<p>Zobacz dokumentację <a href="/pl/XUL" title="pl/XUL">XUL</a>, znajdziesz w niej więcej zasobów dla programistów XUL.</p> + +<h2 id="Pliki_domy.C5.9Blne" name="Pliki_domy.C5.9Blne">Pliki domyślne</h2> + +<p>Domyślne pliki, których używasz do stworzenia profilu użytkownika powinny być umieszczone w katalogu <code>defaults/</code> w głównym folderze hierarchii katalogów Twojego rozszerzenia. Pliki domyślnych preferencji .js powinny być przechowywane w <code>defaults/preferences/</code> - kiedy umieścisz je tutaj, będą one automatycznie ładowane przez system preferencji Firefoksa podczas startu tak, że będziesz miał do nich dostęp używając <a href="/pl/API_Preferencji" title="pl/API_Preferencji">Preferencji API</a>.</p> + +<p>Przykładowy plik domyślny preferencji:</p> + +<pre class="eval">pref("extensions.sample.username", "Joe"); //tekst +pref("extensions.sample.sort", 2); //liczba +pref("extensions.sample.showAdvanced", true); //wartość logiczna +</pre> + +<h2 id="Komponenty_XPCOM" name="Komponenty_XPCOM">Komponenty XPCOM</h2> + +<p>Firefox obsługuje komponenty <a href="/pl/XPCOM" title="pl/XPCOM">XPCOM</a> w rozszerzeniach. Możesz łatwo stworzyć swoje własne komponenty w JavaScript lub C++ (używając <a href="/pl/SDK_Gecko" title="pl/SDK_Gecko">SDK Gecko</a>).</p> + +<p>Wszystkie pliki .js lub .dll umieszczamy w katalogu <code>components/</code> - zostaną one automatycznie zarejestrowane przy pierwszym uruchomieniu Firefoksa po instalacji rozszerzenia.</p> + +<p>Aby uzyskać więcej informacji, zobacz <a href="/pl/Jak_stworzy%C4%87_komponent_XPCOM_w_Javascripcie" title="pl/Jak_stworzyć_komponent_XPCOM_w_Javascripcie">Jak stworzyć komponent XPCOM w Javascripcie</a>, <a href="/pl/Jak_stworzy%C4%87_binarny_komponent_XPCOM_u%C5%BCywaj%C4%85c_Visual_Studio" title="pl/Jak_stworzyć_binarny_komponent_XPCOM_używając_Visual_Studio">Jak stworzyć binarny komponent XPCOM używając Visual Studio</a> oraz <a href="/pl/Tworzenie_komponent%C3%B3w_XPCOM" title="pl/Tworzenie_komponentów_XPCOM">Tworzenie komponentów XPCOM</a>.</p> + +<h3 id="Linia_polece.C5.84_aplikacji" name="Linia_polece.C5.84_aplikacji">Linia poleceń aplikacji</h3> + +<p>Jednym z możliwych zastosowań komponentów XPCOM wykonanych specjalnie do tego celu jest dodanie agenta linii poleceń do Firefoksa lub Thunderbirda. Możesz użyć tej techniki do uruchamiania swojego rozszerzenia jako aplikacji:</p> + +<pre class="eval"> firefox.exe -myapp +</pre> + +<p>Zobacz <a href="/pl/Chrome/Linia_polece%C5%84" title="pl/Chrome/Linia_poleceń">Chrome:Linia poleceń</a> i <a class="external" href="http://forums.mozillazine.org/viewtopic.php?t=365297">dyskusję na forum</a>, aby poznać szczegóły.</p> + +<h2 id="Lokalizacja" name="Lokalizacja">Lokalizacja</h2> + +<p>Dla obsługi więcej niż jednego języka, powinieneś rozdzielić teksty napisów od reszty zawartości Twojego rozszerzenia używając do tego <a href="/pl/Kurs_XUL/Lokalizacja#Encje" title="pl/Kurs_XUL/Lokalizacja#Encje">encji</a> i <a href="/pl/Kurs_XUL/Plik_w%C5%82asno%C5%9Bci" title="pl/Kurs_XUL/Plik_własności">plików własności</a>. Dużo łatwiej zrobić to podczas tworzenia rozszerzenia niż wracać do tego później.</p> + +<p>Informacje o lokalizacji dla Twojego rozszerzenia są przechowywane w katalogu locale. Na przykład, dla dodania lokalizacji do naszego przykładowego rozszerzenia, stwórz katalog "locale" w chrome (gdzie ulokowany jest katalog "content") i dodaj następującą linię do pliku chrome.manifest:</p> + +<pre class="eval">locale sample sampleLocale chrome/locale/ +</pre> + +<p>Dla stworzenia lokalizowalnej wartości atrybutu w XUL wstaw te wartości do pliku <code>.dtd</code>, który powinien być umieszczony w katalogu locale i wyglądać tak:</p> + +<pre class="eval"><!ENTITY button.label "Click Me!"> +<!ENTITY button.accesskey "C"> +</pre> + +<p>I następnie dołącz go na początku Twojego dokumentu XUL (ale pod "<?xml version"1.0"?>"), tak jak poniżej:</p> + +<pre class="eval"><!DOCTYPE <strong>window</strong> SYSTEM "<a class="external" rel="freelink">chrome://sample/locale/filename.dtd</a>"> +</pre> + +<p>gdzie: <code>window</code> jest wartością atrybutu <code><a href="/pl/DOM/element.localName" title="pl/DOM/element.localName">localName</a></code>, głównego elementu dokumentu XUL, a wartość własności <code>SYSTEM</code> jest identyfikatorem chrome URI pliku encji. Dla naszego prostego rozszerzenia, głównym elementem jest <code>overlay</code>.</p> + +<p>Aby użyć encji, zmodyfikuj swój kod XUL, tak żeby wyglądał jak ten (poniższa linia musi być zawarta wewnątrz elementu <code><statusbar id="status-bar"></code> z poprzedniego przykładu):</p> + +<pre class="eval"><button label="&button.label;" accesskey="&button.accesskey;"/> +</pre> + +<p>Rejestr Chrome załaduje plik encji z pakietu lokalizacyjnego odpowiadającego wybranej lokalizacji.</p> + +<p>Dla łańcuchów znaków, których używasz w skrypcie, utwórz plik tekstowy <code>.properties</code>, który w każdej linii ma łańcuchy znaków w formacie:</p> + +<pre class="eval">key=value +</pre> + +<p>i następnie użyj: <code><a href="/pl/NsIStringBundleService" title="pl/NsIStringBundleService">nsIStringBundleService</a></code>/<code><a href="/pl/NsIStringBundle" title="pl/NsIStringBundle">nsIStringBundle</a></code> lub znacznika <code><a class="external" href="http://xulplanet.com/references/elemref/ref_stringbundle.html"><stringbundle></a></code> w celu załadowania wartości do skryptu.</p> + +<h2 id="Zrozumienie_przegl.C4.85darki" name="Zrozumienie_przegl.C4.85darki">Zrozumienie przeglądarki</h2> + +<p>Użyj <a href="/pl/Inspektor_DOM" title="pl/Inspektor_DOM">Inspektora DOM</a> (nie jest on częścią <strong>Standardowej</strong> instalacji Firefoksa; musisz go zainstalować z użyciem instalacji Użytkownika i wybrać <strong>Narzędzia programistyczne</strong> jeśli nie ma składnika "Inspektor DOM" w menu Narzędzia w twojej przeglądarce) do zbadania okna przeglądarki lub każdego innego okna XUL, które chcesz zmodyfikować.</p> + +<p>Użyj przycisku "Wybierz węzeł do zbadania poprzez kliknięcie na nim" z paska narzędzi położonego u góry na lewo Inspektora DOM do kliknięcia na element (węzeł) w oknie przeglądarki. Kiedy to zrobisz widok drzewa hierarchii DOM w oknie Inspektora DOM przeniesie się na węzeł, na który kliknąłeś.</p> + +<p>Użyj prawego panelu Inspektora DOM w celu znalezienia punktów łączenia z identyfikatorami, których możesz użyć przy wstawianiu swoich elementów z nakładek. Jeśli nie możesz znaleźć elementu z identyfikatorem, do któregoś mógłbyś się podłączyć, być może będziesz musiał dołączyć skrypt do swojej nakładki i wstawiać swoje elementy, kiedy zdarzenie <code>load</code> zostanie odpalone w głównym oknie XUL.</p> + +<h2 id="Debugowanie_rozszerze.C5.84" name="Debugowanie_rozszerze.C5.84">Debugowanie rozszerzeń</h2> + +<p><strong>Analityczne narzędzia do debugowania</strong></p> + +<ul> + <li><a href="/pl/Inspektor_DOM" title="pl/Inspektor_DOM">Inspektor DOM</a> - bada atrybuty, strukturę DOM, style CSS, których używasz (np. odkrywa, dlaczego Twój styl wydaje się nie działać dla elementu - nieocenione narzędzie!)</li> + <li><a href="/pl/Venkman" title="pl/Venkman">Venkman</a> - ustawia pułapki (breakpointy) w skryptach JavaScript i bada stos wywołań</li> + <li><code><a href="/pl/Dokumentacja_j%C4%99zyka_JavaScript_1.5/Funkcje/arguments/callee" title="pl/Dokumentacja_języka_JavaScript_1.5/Funkcje/arguments/callee">arguments.callee</a>.<a href="/pl/Dokumentacja_j%C4%99zyka_JavaScript_1.5/Obiekty/Function/caller" title="pl/Dokumentacja_języka_JavaScript_1.5/Obiekty/Function/caller">caller</a></code> w JavaScript - dostęp do stosu wywołań funkcji.</li> +</ul> + +<p><strong>Debugowanie printf</strong></p> + +<ul> + <li>Uruchom Firefoksa z opcją <code>-console</code> z linii poleceń i używaj <code><a href="/pl/DOM/window.dump" title="pl/DOM/window.dump">dump</a>("string")</code> (zobacz odnośnik, aby dowiedzieć się szczegółów),</li> + <li>Używaj <code><a href="/pl/nsIConsoleService" title="pl/nsIConsoleService">nsIConsoleService</a></code> do wyświetlania logów w konsoli JavaScript.</li> +</ul> + +<p><strong>Zaawansowane debugowanie</strong></p> + +<ul> + <li>Uruchom wersję Firefoksa skompilowaną ze wsparciem dla debugowania i ustaw pułapki w samym Firefoksie lub Twoim komponencie C++. Dla doświadczonych twórców rozszerzeń, jest to często najszybszy sposób zdiagnozowania problemu. Przejrzyj <a href="/pl/Dokumentacja_kompilacji" title="pl/Dokumentacja_kompilacji">Dokumentacja kompilacji</a> i <a href="/pl/Programowanie_Mozilli" title="pl/Programowanie_Mozilli">Programowanie_Mozilli</a> w celu uzyskania dalszych informacji.</li> + <li>Zobacz <a href="/pl/Debugowanie_aplikacji_XULRunner" title="pl/Debugowanie_aplikacji_XULRunner">Debugowanie aplikacji XULRunner</a>, aby uzyskać więcej pomocnych wskazówek.</li> +</ul> + +<h2 id="Szybki_start" name="Szybki_start">Szybki start</h2> + +<p>Możesz zastosować narzędzie <a class="external" href="http://ted.mielczarek.org/code/mozilla/extensionwiz/">Kreator rozszerzeń</a> do generowania prostych rozszerzeń, które potem możesz modyfikować.</p> + +<p>Rozszerzenie <a class="external" href="http://mozilla.doslash.org/stuff/helloworld.zip">Hello World</a> podobne do tych, które można wygenerować Kreatorem Rozszerzeń jest opisane linijka po linijce w <a class="external" href="http://kb.mozillazine.org/Getting_started_with_extension_development">innym przewodniku MozillaZine Knowledge Base</a>.</p> + +<h2 id="Dalsze_informacje" name="Dalsze_informacje">Dalsze informacje</h2> + +<pre class="eval">* <a href="/pl/Rozszerzenia_-_FAQ" title="pl/Rozszerzenia_-_FAQ">Rozszerzenia - FAQ</a> +* <a href="/pl/Rozszerzenia" title="pl/Rozszerzenia">Rozszerzenia</a> +</pre> + +<hr> +<p>{{ Note(1) }}Dwie uwagi do tego punktu:</p> + +<ul> + <li>Jeżeli chcesz użyć polskich liter, powinieneś zapisać plik w formacie UTF-8 (w Windows XP wystarczy do tego Notatnik)</li> + <li>Zgodnie z sugestią w <a class="external" href="http://developer.mozilla.org/en/docs/Talk:Building_an_Extension#No_Hello_World.21_in_the_status_bar.3F">tym komentarzu</a> - jeżeli napis na pasku statusu nie pokaże się podczas testowania rozszerzenia, to być może inne zainstalowane rozszerzenie również wykorzystuje panel na pasku statusu o id "my-panel". Warto wtedy spróbować zmienić w powyższym kodzie id="my-panel" np. na id="my-panel123" i ponownie uruchomić przeglądarkę.</li> +</ul> diff --git a/files/pl/conflicting/tools/performance/index.html b/files/pl/conflicting/tools/performance/index.html new file mode 100644 index 0000000000..9b625dc613 --- /dev/null +++ b/files/pl/conflicting/tools/performance/index.html @@ -0,0 +1,96 @@ +--- +title: JavaScript Profiler +slug: Narzędzia/Profiler +translation_of: Tools/Performance +translation_of_original: Tools/Profiler +--- +<p>Use the Profiler tool to find bottlenecks in your JavaScript code. The Profiler periodically samples the current JavaScript call stack and compiles statistics about the samples.</p> +<p>You can launch the Profiler by selecting "Profiler" from the "Web Developer" menu. You'll find the "Web Developer" menu under the "Tools" menu on Linux and OS X, and directly under the "Firefox" menu on Windows.</p> +<p>The <a href="/en-US/docs/Tools/DevTools_Window" title="/en-US/docs/Tools/DevTools_Window">Toolbox</a> will open, with the Profiler selected.</p> +<h2 id="Sampling_Profilers"><a name="sampling-profilers">Sampling Profilers</a></h2> +<p>The JavaScript profiler is a sampling profiler. This means that it periodically samples the state of the JavaScript engine, and records the stack for the code executing at the time the sample was taken. Statistically, the number of samples taken in which we were executing a particular function corresponds to the amount of time the browser is spending executing it, so you can identify bottlenecks in your code.<br> + <br> + <a name="profiling-example">For example, consider a program like this:</a></p> +<pre class="brush: js">function doSomething() { + var x = getTheValue(); + x = x + 1; // -> sample A + logTheValue(x); +} + +function getTheValue() { + return 5; +} + +function logTheValue(x) { + console.log(x); // -> sample B, sample C +} + +doSomething();</pre> +<p>Suppose we run this program with the profiler active, and in the time it takes to run, the profiler takes three samples, as indicated in the inline comments above.</p> +<p>They're all taken from inside <code>doSomething()</code>, but the second two are inside the <code>logTheValue()</code> function called by <code>doSomething()</code>. So the profile would consist of three stack traces, like this:</p> +<pre>Sample A: doSomething() +Sample B: doSomething() > logTheValue() +Sample C: doSomething() > logTheValue()</pre> +<p>This obviously isn't enough data to tell us anything, but with a lot more samples we might be able to conclude that <code>logTheValue()</code> is the bottleneck in our code.</p> +<h2 id="Creating_a_profile">Creating a profile</h2> +<p>Click the <em>stopwatch</em> button in the Profiler to start recording samples. When Profiler is recording, the stopwatch button will be highlighted. Click on it again to stop recording and save the new profile:</p> +<p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/5977/Screen%20Shot%202013-08-26%20at%2010.35.47%20AM.png"></p> +<p>Once you've clicked "Stop", the new profile will open automatically:</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/5981/Screen%20Shot%202013-08-26%20at%2011.07.18%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> +<p>This pane's divided into two parts:</p> +<ul> + <li>The left-hand side lists all the profiles you've captured and allows you to load each one. Just above this there are two buttons: the <em>stopwatch</em> button allows you to record a new profile while the <em>Import...</em> button allows you to import previously saved data. When profile is selected, you can save its data as a JSON file by clicking the <em>Save</em> button.</li> + <li>The right-hand side displays the currently loaded profile.</li> +</ul> +<h2 id="Analyzing_a_profile">Analyzing a profile</h2> +<p>The profile is split into two parts:</p> +<ul> + <li>the <a href="#profile-timeline" title="#profile-timeline">profile timeline</a></li> + <li>the <a href="#profile-details" title="#profile-details">profile details</a></li> +</ul> +<h3 id="Profile_timeline"><a name="profile-timeline">Profile timeline</a></h3> +<p>The profile timeline occupies the top part of the profile display:</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/5987/timeline" style="display: block; margin-left: auto; margin-right: auto;">The horizontal axis is time, and the vertical axis is call stack size at that sample. Call stack represents the amount of active functions at the time when the sample was taken.</p> +<p>Red samples along the chart indicate the browser was unresponsive during that time, and a user would notice pauses in animations and responsiveness. If a profile has red samples, consider breaking this code up into several events, and look into using <a href="/en-US/docs/Web/API/window.requestAnimationFrame" title="/en-US/docs/Web/API/window.requestAnimationFrame">requestAnimationFrame</a> and <a href="/en-US/docs/Web/Guide/Performance/Using_web_workers" title="/en-US/docs/Web/Guide/Performance/Using_web_workers">Workers</a>.</p> +<p>You can examine a specific range within the profile by clicking and dragging inside the timeline:</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/5989/Screen%20Shot%202013-08-26%20at%2011.17.59%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> +<p>A new button then appears above the timeline labeled "Sample Range [AAA, BBB]". Clicking that button zooms the profile, and the details view underneath it, to that timeslice:</p> +<p><br> + <img alt="" src="https://mdn.mozillademos.org/files/5991/Screen%20Shot%202013-08-26%20at%2011.18.03%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> +<h3 id="Profile_details"><a name="profile-details">Profile details</a></h3> +<p>The profile details occupy the bottom part of the profile display:</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/5993/profiler-details-highligted.png" style="display: block; margin-left: auto; margin-right: auto;">When you first open a new sample, the sample pane contains a single row labeled "(total)", as in the screenshot above. If you click the arrow next to "(total)", you'll see a list of all the top-level functions which appear in a sample.</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/5995/Screen%20Shot%202013-08-26%20at%2011.22.10%20AM.png"></p> +<p><strong>Running time</strong> shows the total number of samples in which this function appeared<a href="#footnote-1"><sup>1</sup></a>, followed by the percentage of all samples in the profile in which this function appeared. The first row above shows that there were 2021 samples in the entire profile, and the second row shows that 1914, or 94.7%, of them were inside the <code>detectImage()</code> function.</p> +<p><strong>Self</strong> shows the number of samples in which the sample was taken while executing this function itself, and not a function it was calling. In the <a href="#profiling-example" title="#profiling-example">simple example</a> above, <code>doSomething()</code> would have a <strong>Running time</strong> of 3 (samples A, B, and C), but a <strong>Self</strong> value of 1 (sample A).</p> +<p>The third column gives the name of the function along with the filename and line number (for local functions) or basename and domain name (for remote functions). Functions in gray are built-in browser functions: functions in black represent JavaScript loaded by the page. If you hover the mouse over a row you'll see an arrow to the right of the function's identifier: click the arrow and you'll be taken to the function source.</p> +<h3 id="Expanding_the_call_tree">Expanding the call tree</h3> +<p>In a given row, if there are any samples taken while we were in a function called by this function (that is, if <strong>Running Time</strong> is greater than <strong>Self</strong> for a given row) then an arrow appears to the left of the function's name, enabling you to expand the call tree.</p> +<p>In the <a href="#profiling-example" title="#profiling-example">simple example</a> above, the fully-expanded call tree would look like this:</p> +<table class="standard-table"> + <tbody> + <tr> + <td style="text-align: center;"><strong>Running Time</strong></td> + <td style="text-align: center;"><strong>Self</strong></td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <td style="text-align: center;">3 100%</td> + <td style="text-align: center;">1</td> + <td style="text-align: center;">doSomething()</td> + </tr> + <tr> + <td style="text-align: center;">2 67%</td> + <td style="text-align: center;">2</td> + <td style="text-align: center;">logTheValue()</td> + </tr> + </tbody> +</table> +<p>To take a more realistic example: in the screenshot below, looking at the second row we can see that 1914 samples were taken inside the <code>detectImage()</code> function. But all of them were taken in functions called by <code>detectImage()</code> (the <strong>Self</strong> cell is zero). We can expand the call tree to find out which functions were actually running when most of the samples were taken:</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/5999/bla.png" style="display: block; margin-left: auto; margin-right: auto;"></p> +<p>This tells us that 6 samples were taken when we were actually executing <code>detectAtScale(), </code>12 when we were executing <code>getRect()</code> and so on.</p> +<h2 id="Footnotes">Footnotes</h2> +<ol> + <li><a name="footnote-1">If the function is called multiple times from different sources, it will be represented multiple times in the Profiler output. So generic functions like <code>forEach</code> will appear multiple times in the call tree.</a></li> +</ol> +<p> </p> diff --git a/files/pl/conflicting/web/api/document/hasfocus/index.html b/files/pl/conflicting/web/api/document/hasfocus/index.html new file mode 100644 index 0000000000..de7af2ddfc --- /dev/null +++ b/files/pl/conflicting/web/api/document/hasfocus/index.html @@ -0,0 +1,19 @@ +--- +title: Zarządzanie fokusem w HTML +slug: Web/HTML/Zarządzanie_fokusem_w_HTML +tags: + - DOM + - Firefox 3 + - HTML + - Wszystkie_kategorie +translation_of: Web/API/Document/hasFocus +translation_of_original: Web/HTML/Focus_management_in_HTML +--- +<p>{{ Fx_minversion_header(3) }} +{{ Draft() }} +</p><p>W programie Firefox 3 wprowadzono obsługę dwóch nowych atrybutów DOM, zdefiniowanych w roboczej wersji specyfikacji HTML 5: <code><a href="pl/DOM/document.activeElement">activeElement</a></code> i <code><a href="pl/DOM/document.hasFocus">hasFocus</a></code>. +</p><p><br> +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Focus_management_in_HTML", "es": "es/Gesti\u00f3n_del_foco_en_HTML", "fr": "fr/Gestion_du_focus_en_HTML", "ja": "ja/Focus_management_in_HTML" } ) }} diff --git a/files/pl/conflicting/web/api/document_object_model/index.html b/files/pl/conflicting/web/api/document_object_model/index.html new file mode 100644 index 0000000000..046ce870ca --- /dev/null +++ b/files/pl/conflicting/web/api/document_object_model/index.html @@ -0,0 +1,47 @@ +--- +title: Przedmowa +slug: Dokumentacja_Gecko_DOM/Przedmowa +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Document_Object_Model +translation_of_original: Web/API/Document_Object_Model/Preface +--- +<p>{{ ApiRef() }}</p> +<h3 id="O_dokumentacji" name="O_dokumentacji">O dokumentacji</h3> +<p>Ten rozdział opisuje przewodnik jaki czytasz: czyli czym jest, jakie informacje są w nim zaprezentowane i w jaki sposób można użyć przykładów zawartych w dokumentacji do własnego programowania.</p> +<p>Uwaga, bo ten dokument nie służy do programowania i nie jest aktualnie pełną listą metod DOM i własności zaimplementowanych w Gecko. Każdy indywidualny rozdział dokumentu (np., <a href="pl/DOM/document">Obiekt document</a>) są w pełni opisanym obiektem(ami). Jako informacje dokumentacji dla rozmaitych użytkowników wraz z odnośnikami do poszczególnych części API będą zintegrowane z tym dokumentem.</p> +<h3 id="Kto_powinien_j.C4.85_przeczyta.C4.87" name="Kto_powinien_j.C4.85_przeczyta.C4.87">Kto powinien ją przeczytać</h3> +<p>Czytelnik <a href="pl/Dokumentacja_Gecko_DOM">dokumentacji Gecko DOM</a> jest programista piszący strony internetowe lub wprawny użytkownik sieci, który wie trochę o pisaniu stron oraz zna ich budowę. W dokumentacji nie tworzy się założeń, że czytelnik posiada wiedzę z DOM, z <a href="pl/XML">XML</a>, z tematyki serwerów sieciowych lub standardów sieciowych, czy nawet z <a href="pl/JavaScript">JavaScriptu</a>, bo język, w którym DOM został stworzony, jest dostępny dla czytającego tą dokumentację. Natomiast w tym dokumencie założono, że czytelnik ma obycie z <a href="pl/HTML">HTML</a>, ze znacznikami, z podstawową strukturą stron internetowych, z przeglądarkami i z arkuszami stylów.</p> +<p>We wstępnym materiale, znajduje się wiele przykładów i ich wykorzystanie na bardzo wysokim poziomie, dokument jest dla "początkujących" programistów sieciowych. Ogólnie, kiedykolwiek, dokumentacja API powinna być wartościowa zarówno dla doświadczonych jak i niedoświadczonych deweloperów.</p> +<h3 id="Czym_jest_Gecko.3F" name="Czym_jest_Gecko.3F">Czym jest Gecko?</h3> +<p>Mozilla, Firefox, Netscape 6+, i inne oparte o Mozillę przeglądarki posiadają identyczną implementację DOM. Dzieje się tak ponieważ używają tej samej technologii. <span class="comment">naturally, it applies only to products based on the same version of Gecko, but it\'s tricky to explain</span></p> +<p>Gecko, komponent oprogramowania w tych przeglądarkach, który obsługuje przetwarzanie kodu HTML, rozmieszczenie elementów na stronach, model obiektowy dokumentu (DOM), a nawet tworzenie całego interfejsu aplikacji, jest szybkim, zgodnym ze standardami silnikiem renderowania, który implementuje standard W3C DOM i podobny do DOM (ale niestandardowy) model obiektowy przeglądarki (np., <a href="pl/DOM/window"><code>window</code></a> i inne) w kontekście stron WWW i interfejsu aplikacji.</p> +<p>Mimo, że interfejs aplikacji i zawartość wyświetlana przez przeglądarkę różnią się w wielu praktycznych aspektach, DOM reprezentuje je jednorodnie jako hierarchię węzłów. <span class="comment">(commenting this incomplete sentence out for now...) The tree structure of the DOM (which in its application to the user</span></p> +<h3 id="Sk.C5.82adnia_API" name="Sk.C5.82adnia_API">Składnia API</h3> +<p>Każdy opis w dokumentacji API zawiera przykłady składni, parametry wejścia - wyjścia (gdzie podawany jest również typ zmiennej), przykład, dodatkowe uwagi i link do odpowiedniego tematu w specyfikacji.</p> +<p>Normalnie właściwości tylko do odczytu posiadają tylko jedna linię składni, gdyż mogą być one tylko odczytane a nie zapisane. Na przykład własność <code>availHeight</code> obiektu <code>screen</code> zawiera następująca informacje:</p> +<div> + <img alt="Grafika:Preface2.gif"></div> +<p>Oznacza to, że można używać tylko własności z prawej strony wyrażenia; dla własności typu odczyt/zapis można je wykorzystywać po obydwu stronach wyrażenia jak ilustruje poniższy przykład:</p> +<div> + <img alt="Grafika:Prefacea.gif"></div> +<p>Ogólnie, dla obiektów opisanych powyżej jest podana prosta składnia, np. <code>element</code> dla wszystkich elementów, <code>document</code> dla głównych dokumentów obiektu, table dla obiektu <code>TABLE</code> itd. (zobacz <a href="pl/Dokumentacja_Gecko_DOM/Wprowadzenie#Wa.C5.BCne_typy_danych">Ważne typy danych</a> dla różnych typów danych).</p> +<h3 id="Korzystanie_z_przyk.C5.82ad.C3.B3w" name="Korzystanie_z_przyk.C5.82ad.C3.B3w">Korzystanie z przykładów</h3> +<p>Wiele przykładów w tej dokumentacji jest pełnymi plikami, które możemy wykorzystać poprzez skopiowanie i wklejenie do nowego pliku i następnie otworzenie w swojej przeglądarce. Reszta jest tylko fragmentami kodu. Taki fragment możesz uruchomić poprzez umieszczenie go w wewnątrz funkcji JavaScript zwracającej nazwę. Na przykład własność <a href="pl/DOM/window.document">window.document</a> może być testowana wewnątrz funkcji takiej jak ta poniżej, która jest wywołana za pomocą przycisku:</p> +<pre><html> +<script> +function testWinDoc() { +doc= window.document; +alert(doc.title); +} +</script> +<button onclick="testWinDoc();">Test własności dokumentu</button> +</html> +</pre> +<p>Podobne funkcje i strony można wymyślić dla wszystkich składników obiektów, które jeszcze nie znajdują się w pakiecie. Zobacz temat <a href="pl/Dokumentacja_Gecko_DOM/Wprowadzenie#Testowanie_DOM_API">Testowanie DOM API</a> we wprowadzeniu dla "test harness", który będziesz mógł użyć do testowania liczby wszystkich API na raz.</p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/Gecko_DOM_Reference/Preface", "es": "es/Referencia_DOM_de_Gecko/Prefacio", "fr": "fr/R\u00e9f\u00e9rence_du_DOM_Gecko/Pr\u00e9face", "ja": "ja/Gecko_DOM_Reference/Preface", "ko": "ko/Gecko_DOM_Reference/Preface", "zh-cn": "cn/Gecko_DOM_\u53c2\u8003/Preface" } ) }}</p> diff --git a/files/pl/conflicting/web/api/document_object_model_7d961b8030c6099ee907f4f4b5fe6b3d/index.html b/files/pl/conflicting/web/api/document_object_model_7d961b8030c6099ee907f4f4b5fe6b3d/index.html new file mode 100644 index 0000000000..052d86acc3 --- /dev/null +++ b/files/pl/conflicting/web/api/document_object_model_7d961b8030c6099ee907f4f4b5fe6b3d/index.html @@ -0,0 +1,66 @@ +--- +title: DOM +slug: DOM +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/Document_Object_Model +translation_of_original: DOM +--- +<div class="callout-box"> + <b><a href="/pl/docs/U%c5%bcycie_W3C_DOM_poziom_1">Użycie W3C DOM poziom 1</a></b><br> + Wprowadzenie do W3C DOM.</div> +<div> + <p><b>DOM (ang. <i>Document Object Model</i>, obiektowy model dokumentu)</b> to API dla dokumentów <a href="/pl/docs/HTML">HTML</a> i <a href="/pl/docs/XML">XML</a>. Wprowadza strukturalne odwzorowanie dokumentu, pozwalając modyfikować jego zawartość i warstwę prezentacji. Podsumowując, DOM łączy strony WWW ze skryptami lub innymi językami programowania.</p> +</div> +<table class="topicpage-table"> + <tbody> + <tr> + <td> + <h2 class="Documentation" id="Dokumentacja" name="Dokumentacja">Dokumentacja</h2> + <dl> + <dt> + <a href="/pl/docs/O_modelu_obiektowym_dokumentu">O obiektowym modelu dokumentu</a></dt> + <dd> + Krótkie wprowadzenie do DOM.</dd> + <dt> + <a href="/pl/docs/Dokumentacja_Gecko_DOM">Dokumentacja Gecko DOM</a></dt> + <dd> + Pełna dokumentacja DOM wraz z jego implementacją w Gecko.</dd> + <dt> + <a href="/pl/docs/Dynamiczne_zmiany_interfejsu_u%c5%bcytkownika_bazuj%c4%85cego_na_XUL-u">Dynamiczne zmiany interfejsu użytkownika bazującego na XUL-u</a></dt> + <dd> + Podstawy manipulacji interfejsem użytkownika w XUL za pomocą metod DOM.</dd> + <dt> + <a href="/pl/docs/DOM_i_JavaScript">DOM i JavaScript</a></dt> + <dd> + Czym jest DOM? Co to jest JavaScript? Co zrobić, aby zastosować je razem na własnej stronie? Ten dokument odpowiada na te pytania i na wiele innych.</dd> + <dt> + <a class="external" href="http://www.mozilla.org/docs/dom/">Obiektowy model dokumentu w Mozilli</a></dt> + <dd> + Starsza wersja dokumentacji DOM, hostowane na mozilla.org.</dd> + </dl> + <p><span class="alllinks"><a href="/pl/docs/tag/DOM">Pokaż wszystkie...</a></span></p> + </td> + <td> + <h2 class="Community" id="Spo.C5.82eczno.C5.9B.C4.87" name="Spo.C5.82eczno.C5.9B.C4.87">Społeczność</h2> + <ul> + <li>Obejrzyj fora Mozilli... {{ DiscussionList("dev-tech-dom", "mozilla.dev.tech.dom") }}</li> + </ul> + <h2 class="Tools" id="Narz.C4.99dzia" name="Narz.C4.99dzia">Narzędzia</h2> + <ul> + <li><a class="external" href="http://www.getfirebug.com/">Firebug</a></li> + <li><a href="/pl/docs/Inspektor_DOM">Inspektor DOM</a></li> + <li><a class="external" href="http://slayeroffice.com/tools/modi/v2.0/modi_help.html">Mouse-over DOM Inspector</a></li> + <li><a class="external" href="http://www.karmatics.com/aardvark/">Aardvark - rozszerzenie Firefoksa</a></li> + </ul> + <p><span class="alllinks"><a href="/pl/docs/tag/DOM:Narzędzia">Pokaż wszystkie...</a></span></p> + <h2 class="Related_Topics" id="Powi.C4.85zane_tematy" name="Powi.C4.85zane_tematy">Powiązane tematy</h2> + <ul> + <li><a href="/pl/docs/AJAX">AJAX</a>, <a href="/pl/docs/CSS">CSS</a>, <a href="/pl/docs/DHTML">DHTML</a>, <a href="/pl/docs/JavaScript">JavaScript</a></li> + </ul> + </td> + </tr> + </tbody> +</table> +<p> </p> diff --git a/files/pl/conflicting/web/api/document_object_model_e07446e4017cbd3df6b1d4405d407501/index.html b/files/pl/conflicting/web/api/document_object_model_e07446e4017cbd3df6b1d4405d407501/index.html new file mode 100644 index 0000000000..4cd0ac287c --- /dev/null +++ b/files/pl/conflicting/web/api/document_object_model_e07446e4017cbd3df6b1d4405d407501/index.html @@ -0,0 +1,20 @@ +--- +title: O modelu obiektowym dokumentu +slug: O_modelu_obiektowym_dokumentu +tags: + - DOM + - Wszystkie_kategorie +translation_of: Web/API/Document_Object_Model +translation_of_original: DOM/About_the_Document_Object_Model +--- +<p> </p> +<h3 id="Czym_jest_DOM.3F">Czym jest DOM?</h3> +<p><strong>Model obiektowy dokumentu</strong> (DOM) to API dla dokumentów HTML i XML. Zapewnia ono strukturalną reprezentację dokumentu, pozwalając na modyfikację jego zawartości i wizualnej prezentacji. W gruncie rzeczy, DOM łączy strony internetowe ze skryptami lub językami programowania.</p> +<p>Wszystkie właściwości, metody i zdarzenia dostępne dla twórcy stron internetowych, służące do manipulowania i tworzenia stron zorganizowane są w <a href="/pl/Dokumentacja_Gecko_DOM" title="pl/Dokumentacja_Gecko_DOM">obiekty</a> (np. obiekt <code>document</code> reprezentujący dokument, obiekt <code>table</code> odpowiadający za tabele w HTML itp.) Obiekty te dostępne są poprzez języki skryptowe w większości współczesnych przeglądarek.</p> +<p>DOM używany jest zazwyczaj w połączeniu z <a href="/pl/JavaScript" title="pl/JavaScript">JavaScriptem</a>. Oznacza to, że kod pisany jest w JavaScript, ale DOM wykorzystywany jest by uzyskać dostęp do strony internetowej i jej elementów. Jednakże DOM zaprojektowano tak, by był niezależnym od konkretnego języka programowania, tworząc strukturalną reprezentację dokumentu poprzez jedno, spójne API. Mimo że na tej stronie skupimy się na JavaScripcie, implementacje DOM można stworzyć dla <a class="external" href="http://www.w3.org/DOM/Bindings">dowolnego języka</a>.</p> +<p>Konsorcjum <a class="external" href="http://www.w3.org/">W3C</a> stworzyło <a class="external" href="http://www.w3.org/DOM/">standard DOM</a>, nazywany W3C DOM. Powinno to, dzięki poprawnej implementacji w większości przeglądarek, pozwolić na tworzenie aplikacji o dużych możliwościach dla różnych przeglądarek.</p> +<h3 id="Dlaczego_obs.C5.82uga_DOM_jest_tak_wa.C5.BCna_w_Mozilli.3F">Dlaczego obsługa DOM jest tak ważna w Mozilli?</h3> +<p>Terminem "Dynamiczny HTML" (<a href="/pl/DHTML" title="pl/DHTML">DHTML</a>) niektórzy dostawcy określają połączenie HTML-a, arkuszy stylów i skryptów, pozwalające na animację dokumentów. Grupa W3C DOM Working Group pracuje ciężko, by uzgodnić spójne i niezależne od języka rozwiązania (zob. także <a class="external" href="http://www.w3.org/DOM/faq.html">W3C FAQ</a>). Jako że Mozilla przypisuje sobie tytuł <em>platformy dla aplikacji internetowych</em>, obsługa DOM jest jedną z najbardziej oczekiwanych możliwości, a także niezbędną, jeżeli Mozilla chce być realną alternatywą dla innych przeglądarek.</p> +<p>Jeszcze istotniejszym jest fakt, że interfejs użytkownika w Mozilli (a także Firefoksie i Thunderbirdzie) zbudowany jest przy użyciu <a href="/pl/XUL" title="pl/XUL">XUL</a> - XML-owego języka interfejsu. Zatem Mozilla używa DOM by <a href="/en/Dynamically_modifying_XUL-based_user_interface">operować swym własnym interfejsem</a>.</p> + +<p>{{ languages( { "en": "en/About_the_Document_Object_Model", "es": "es/Acerca_del_Modelo_de_Objetos_del_Documento", "fr": "fr/\u00c0_propos_du_Document_Object_Model", "ja": "ja/About_the_Document_Object_Model", "ko": "ko/About_the_Document_Object_Model", "ru": "ru/\u041e\u0431_\u043e\u0431\u044a\u0435\u043a\u0442\u043d\u043e\u0439_\u043c\u043e\u0434\u0435\u043b\u0438_\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430", "zh-cn": "cn/About_the_Document_Object_Model" } ) }}</p> diff --git a/files/pl/conflicting/web/api/index.html b/files/pl/conflicting/web/api/index.html new file mode 100644 index 0000000000..3923721e2a --- /dev/null +++ b/files/pl/conflicting/web/api/index.html @@ -0,0 +1,61 @@ +--- +title: element.name +slug: Web/API/Element/name +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API +translation_of_original: Web/API/Element/name +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><strong>name</strong> pobiera lub ustawia atrybut <code>name</code> obiektu DOM. Ma zastosowanie tylko dla poniższych elementów: anchor, applet, form, frame, iframe, image, input, map, meta, object, option, param, select i textarea.</p> +<p><strong>name</strong> można wykorzystać w metodzie <a href="/pl/DOM/document.getElementsByName" title="pl/DOM/document.getElementsByName">getElementsByName</a>, w obiekcie <a href="/pl/DOM/form" title="pl/DOM/form">form</a> i w kolekcji <a href="/pl/DOM/form.elements" title="pl/DOM/form.elements">elements</a>. Jeśli zostanie użyta dla formularza lub kolekcji elementów, właściwość tak może zwrócić jeden element lub ich kolekcję.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><em>HTMLElement</em>.name = <em>string</em>; +var elName = <em>HTMLElement</em>.name; + +var kontrolka = <em>HTMLFormElement</em>.<em>nazwaElementu</em>; +var kolekcjaKontrolek = <em>HTMLFormElement</em>.elements.<em>nazwaElementu</em>; +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre class="eval"><form action="" name="formA"> + <input type="text" value="foo"> +</form> + +<script type="text/javascript"> + + // pobierz referncję do pierwszego elementu formularza + var formElement = document.forms['formA'].elements[0]; + + // nadaj mu nazwę + formElement.name = 'inputA'; + + // i wyświetl jego wartość + alert(document.forms['formA'].elements['inputA'].value); + +</script> +</pre> +<h3 id="uwagi" name="uwagi">uwagi</h3> +<p>W przeglądarce Internet Explorer (IE) nie można modyfikować właściwości <code>name</code> obiektów DOM utworzonych za pomocą <code><a href="/pl/DOM/document.createElement" title="pl/DOM/document.createElement">createElement</a></code>.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p>Specyfikacja W3C DOM 2 HTML:</p> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-32783304">Anchor</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-39843695">Applet</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-22051454">Form</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-91128709">Frame</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-96819659">iFrame</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-47534097">Image</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-89658498">Input</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-52696514">Map</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-31037081">Meta</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-20110362">Object</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-89658498">Option</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-59871447">Param</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-41636323">Select</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-70715578">Textarea</a></li> +</ul> +<p>{{ languages( { "en": "en/DOM/element.name", "ja": "ja/DOM/element.name", "fr": "fr/DOM/element.name" } ) }}</p> diff --git a/files/pl/conflicting/web/api/node/firstchild/index.html b/files/pl/conflicting/web/api/node/firstchild/index.html new file mode 100644 index 0000000000..f53cd74778 --- /dev/null +++ b/files/pl/conflicting/web/api/node/firstchild/index.html @@ -0,0 +1,37 @@ +--- +title: document.firstChild +slug: Web/API/Document/firstChild +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/firstChild +translation_of_original: Web/API/document.firstChild +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><b>document.firstChild</b> zwraca pierwszy węzeł z listy bezpośrednich dzieci dokumentu.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>dziecko</i> = document.firstChild +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>dziecko</code> jest węzłem typu <a href="pl/DOM/element">element</a>.</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>function fChild() { + f = document.firstChild; + alert(f.tagName); +} +// wyświetli: HTML +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Zauważ, że możesz powrócić do drzewa DOM z tą własnością, by przejąć te węzły potomne, których potrzebujesz, ponieważ prawie zawsze <b>firstChild</b> zwraca element HTML.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-169727388">firstChild </a></p> +<p> </p> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/document.firstChild", "es": "es/DOM/document.firstChild", "fr": "fr/DOM/document.firstChild", "ja": "ja/DOM/document.firstChild" } ) }}</p> diff --git a/files/pl/conflicting/web/api/node/namespaceuri/index.html b/files/pl/conflicting/web/api/node/namespaceuri/index.html new file mode 100644 index 0000000000..51ad1e71c0 --- /dev/null +++ b/files/pl/conflicting/web/api/node/namespaceuri/index.html @@ -0,0 +1,26 @@ +--- +title: document.namespaceURI +slug: Web/API/Document/namespaceURI +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/namespaceURI +translation_of_original: Web/API/Document/namespaceURI +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><b>namespaceURI</b> zwraca przestrzeń nazw XML dokumentu.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>NSURI</i> = document.namespaceURI +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>NSURI</code> jest ciągiem zawierjącym przestrzeń nazw.</li> +</ul> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>DOM jako takie nie obsługuje ani nie wymaga walidacji przestrzeni nazw. Przeprowadzenie walidacji, jeśli jest taka potrzeba, zależy od aplikacji obsługującej DOM. Zauważ też, że prefiks przestrzeni nazw nie może zostać zmieniony, kiedy już raz zostanie przypisany węzłowi.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#Namespaces-Considerations">namespaceURI </a></p> +<p>{{ languages( { "en": "en/DOM/document.namespaceURI", "fr": "fr/DOM/document.namespaceURI" } ) }}</p> diff --git a/files/pl/conflicting/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/pl/conflicting/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html new file mode 100644 index 0000000000..0cb39a7246 --- /dev/null +++ b/files/pl/conflicting/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html @@ -0,0 +1,43 @@ +--- +title: Podaj Dłoń 'kursorowi' +slug: Podaj_Dłoń_'kursorowi' +tags: + - CSS + - Wszystkie_kategorie +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +translation_of_original: Giving_'cursor'_a_Hand +--- +<p> </p> +<p><span class="comment">Summary: Netscape 6 and Mozilla support cursor quite nicely, but that's not true of some other browsers. Happily, there's a fix. Find out how to get a hand from multiple browsers when you use this property.</span> Wielu programistów pytało kiedy Mozilla i Netscape 6+ planuje zaimplementować obsługę własności <code>cursor</code>. Są oni zazwyczaj zaskoczeni odkrywając, że obie przeglądarki już od dawna wspierają ten standard. Obsługa jest oparta na zatwierdzonej specyfikacji W3C dla CSS2, w odróżnieniu od dodawania własnych pomysłów.</p> +<p>Podstawowym problemem jest to, że: Internet Explorer 5.x dla Windows rozpoznaje wartość <code>hand</code>, która nie występuje nigdzie w <a class="external" href="http://www.w3.org/TR/REC-CSS2/ui.html#propdef-cursor">sekcji 18.1 CSS2</a>-- ani nigdzie indziej w specyfikacji na ten temat. Wartość najbliższa zachowaniu <code>hand</code> to <code>pointer</code>, który specyfikacja definiuje jako: "Kursor jest wskaźnikiem pokazującym odnośnik." Należy zwrócić uwagę, że nigdzie nie jest powiedziane, że ma on pokazywać rękę, ale patrząc na aktualne zachowanie przeglądarek, efekt jest właściwie taki sam.</p> +<p>Niestety, IE5.x/Win zupełnie nie rozpoznaje wartości <code>pointer</code>. Na szczęście IE6/Win i IE5.x/Mac rozpoznają <code>pointer</code> tak samo jak <code>hand</code>. Niemniej, Mozilla i Netscape 6+ w zgodzie ze specyfikacją CSS2 wspierają <code>pointer</code>, lecz ignorują własnościową wartość <code>hand</code>.</p> +<p>Tak więc jeżeli Mozilla/Netscape ignoruje <code>hand</code> a IE5.x/Win ignoruje <code>pointer</code>, co może zrobić autor? Poproś o oba, w odpowiedniej kolejności, a zostaniesz nagrodzony.</p> +<pre>a {cursor: pointer; cursor: hand;}</pre> +<p><b>Nie</b> odwracaj kolejności! Jeżeli zapiszesz styl tak jak pokazany powyżej, Gecko zobaczy wartość pierwszą i zignoruje drugą, więc w efekcie dostaniesz <code>pointer</code>. IE5.x/Win zobaczy obie i użyje drugiej, więc dostaniesz <code>hand</code>. Jeżeli odwrócisz wartości, to Gecko zadziała, ale IE5.x/Win również zobaczy oba i użyje drugiego, a to nie da Ci małego wskaźnika-rączki...</p> +<p>Przy użyciu powyższej sztuczki możesz upewnić się, że Twoja strona pokaże wskaźnik rączki za każdym razem.</p> +<p><b>Ostrzeżenie:</b> Powyższy przykład polecany tutaj spowoduje, że strona nie będzie się walidować, ponieważ będzie zawierać nieprawidłową wartość <code>cursor</code>. Autorzy stron powinni sami ocenić czy ten problem jest ważniejszy, czy mniej ważny od wsparcia IE5.x/Win.</p> +<h3 id="Sprawdzanie_wsparcia" name="Sprawdzanie_wsparcia">Sprawdzanie wsparcia</h3> +<p>Zastanawiasz się czy Twoja przeglądarka obsługuje <code>hand</code> i <code>pointer</code>? Sprawdź to w poniższej tabelce!</p> +<table class="standard-table"> + <tbody> + <tr> + <td style="cursor: pointer;">Ta komórka tabeli posiada styl <code>cursor: pointer</code>. Powinna spowodować zmianę kursora na małą wskazującą rączkę w Mozilli i Netscape 6+, IE6/Win, oraz IE5.x/Mac, lecz nie IE5.x/Win.</td> + <td>Ta komórka tabelinie posiada atrybutu <code>cursor</code> zatem powinien zostać użyty domyślny kursor.</td> + <td style="cursor: hand;">Ta komórka tabeli posiada styl <code>cursor: hand</code>. Powinna spowodować zmianę kursora na mały wskaźnik w IE5+/Win, ale nie w Mozilli i Netscape 6.</td> + </tr> + </tbody> +</table> +<h3 id="Powi.C4.85zane_odno.C5.9Bniki" name="Powi.C4.85zane_odno.C5.9Bniki">Powiązane odnośniki</h3> +<ul> + <li><a class="external" href="http://www.w3.org/TR/REC-CSS2/ui.html#propdef-cursor">CSS2, sekcja 18.1</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informacje_o_dokumencie" name="Informacje_o_dokumencie">Informacje o dokumencie</h3> + <ul> + <li>Autor: Eric A. Meyer, Netscape Communications</li> + <li>Data ostatniej aktualizacji: Published 04 Mar 2002; Revised 30 Jan 2003</li> + <li>Informacje o prawach autorskich: Copyright © 2001-2003 Netscape. Wszystkie prawa zastrzeżone.</li> + <li>Notka: Ten artykuł orginalnie został opublikowany na stronie DevEdge.</li> + </ul> +</div> +<p> </p> diff --git a/files/pl/conflicting/web/css/index.html b/files/pl/conflicting/web/css/index.html new file mode 100644 index 0000000000..f124f74fd7 --- /dev/null +++ b/files/pl/conflicting/web/css/index.html @@ -0,0 +1,29 @@ +--- +title: Inne zasoby +slug: Web/CSS/Inne_zasoby +tags: + - CSS + - Wszystkie_kategorie +translation_of: Web/CSS +translation_of_original: Web/CSS/Other_Resources +--- +<p> +</p> +<h3 id="Dokumenty_W3C" name="Dokumenty_W3C"> Dokumenty W3C </h3> +<ul><li> <a class="external" href="http://www.w3.org/Style/CSS/">CSS Activity Page</a> +</li><li> <a class="external" href="http://www.w3.org/TR/REC-CSS2/">CSS2 Specification</a> +</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/">CSS 2.1 Specification</a> +</li><li> <a class="external" href="http://www.w3.org/Stylesheets/Core/">W3C Core Styles</a> +</li><li> <a class="external" href="http://www.w3.org/Style/CSS/Test/current/">CSS1 Test Suite</a> +</li><li> <a class="external" href="http://www.w3.org/Style/CSS/Test/CSS2.1/current/">CSS2.1 Test Suite</a> +</li></ul> +<h3 id="Inne_zasoby" name="Inne_zasoby"> Inne zasoby </h3> +<ul><li> <a class="external" href="http://osiolki.net/tabelki/">Zmiana tabel na CSS</a> +</li><li> <a class="external" href="http://www.w3schools.com/css/">W3 Schools CSS tutorial pages</a> +</li><li> <a class="external" href="http://gallery.theopalgroup.com/selectoracle/">SelectORacle</a> +</li><li> <a class="external" href="http://www.westciv.com/style_master/house/">House of Style</a> +</li><li> <a class="external" href="http://www.mako4css.com/">MaKo4CSS.com</a> +</li><li> <a class="external" href="http://archivist.incutio.com/css-discuss/">css-discuss archives</a> +</li><li> <a class="external" href="http://www.meyerweb.com/eric/css/edge/">css/edge</a> +</li></ul> +{{ languages( { "en": "en/CSS/Other_Resources", "fr": "fr/CSS/Autres_ressources", "ja": "ja/CSS/Other_Resources" } ) }} diff --git a/files/pl/conflicting/web/guide/index.html b/files/pl/conflicting/web/guide/index.html new file mode 100644 index 0000000000..cee79c572b --- /dev/null +++ b/files/pl/conflicting/web/guide/index.html @@ -0,0 +1,54 @@ +--- +title: Programowanie WWW +slug: Programowanie_WWW +tags: + - Programowanie_WWW + - Wszystkie_kategorie +translation_of: Web/Guide +translation_of_original: Web_Development +--- +<p> +</p> +<div> +<p><b>Programowanie WWW</b> jest to zespół wszystkich aspektów tworzenia stron oraz aplikacji WWW. +</p> +</div> +<table class="topicpage-table"> +<tbody><tr><td> +<h4 id="Dokumentacja" name="Dokumentacja"> <a>Dokumentacja</a> </h4> +<dl><dt> <a href="pl/Wykrywanie_wersji_i_programowanie_dla_wielu_przegl%c4%85darek">Wykrywanie wersji i programowanie dla wielu przeglądarek</a> +</dt><dd> <small>Niewłaściwie stosowanie wykrywania wersji może uczynić konserwację serwisu prawdziwym koszmarem. Przemyślenie strategii w którym momencie i w jaki sposób wykrywać wersję i rodzaj przeglądarki użytkownika jest kluczowym czynnikiem podczas składania łatwych w zarządzaniu i przenośnych serwisów internetowych. Niniejszy artykuł jest przeglądem różnych sposobów wykrywania wersji i ich użyteczności w określonych przypadkach.</small> +</dd></dl> +<dl><dt> <a href="pl/U%c5%bcycie_warto%c5%9bci_URL_dla_w%c5%82asno%c5%9bci_cursor">Użycie wartości URL dla własności cursor</a> +</dt><dd> <small><a href="pl/Gecko">Gecko</a> 1.8 (<a href="pl/Firefox_1.5">Firefox 1.5</a>, SeaMonkey 1.0) obsługuje wartość URL dla <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">własności cursor CSS2</a>, który pozwala określić dowolne obrazeki jako kursor myszki.</small> +</dd></dl> +<p><span class="alllinks"><a>Pokaż wszystkie...</a></span> +</p> +</td> +<td> +<h4 id="Spo.C5.82eczno.C5.9B.C4.87" name="Spo.C5.82eczno.C5.9B.C4.87"> Społeczność </h4> +<ul><li> Obejrzyj fora Mozilli... +</li></ul> +<p>{{ DiscussionList("dev-web-development", "mozilla.dev.web-development") }} +</p> +<ul><li> <a class="external" href="http://www.whatwg.org/">Grupa robocza WHAT</a> +</li><li> <a class="external" href="http://webdevfeedhouse.com/">WebDev FeedHouse</a> +</li></ul> +<h4 id="Narz.C4.99dzia" name="Narz.C4.99dzia"> Narzędzia </h4> +<ul><li> <a class="external" href="http://www.getfirebug.com/">Firebug</a> +</li><li> <a class="link-https" href="https://addons.mozilla.org/extensions/moreinfo.php?id=60&application=firefox">Rozszerzenie Web Developer</a> +</li><li> <a href="pl/Venkman">Venkman</a>, debugger JavaScript +</li><li> <a href="pl/Inspektor_DOM">Inspektor DOM</a> +</li></ul> +<p><span class="alllinks"><a>Pokaż wszystkie...</a></span> +</p> +<h4 id="Powi.C4.85zane_tematy" name="Powi.C4.85zane_tematy"> Powiązane tematy </h4> +<dl><dd> <a href="pl/AJAX">AJAX</a>, <a href="pl/CSS">CSS</a>, <a href="pl/HTML">HTML</a>, <a href="pl/JavaScript">JavaScript</a>, <a href="pl/Standardy_WWW">Standardy WWW</a>, <a href="pl/XHTML">XHTML</a>, <a href="pl/XML">XML</a> +</dd></dl> +</td> +</tr> +</tbody></table> +<p><span class="comment">Categories</span> +</p><p><span class="comment">Interwiki Language Links</span> +</p><p><br> +</p>{{ languages( { "de": "de/Webentwicklung", "en": "en/Web_Development", "es": "es/Desarrollo_Web", "fr": "fr/D\u00e9veloppement_Web", "it": "it/Sviluppo_Web", "ja": "ja/Web_Development" } ) }} diff --git a/files/pl/conflicting/web/html/global_attributes/spellcheck/index.html b/files/pl/conflicting/web/html/global_attributes/spellcheck/index.html new file mode 100644 index 0000000000..ee13232227 --- /dev/null +++ b/files/pl/conflicting/web/html/global_attributes/spellcheck/index.html @@ -0,0 +1,29 @@ +--- +title: Kontrola sprawdzania pisowni w formularzach HTML +slug: Web/HTML/Kontrola_sprawdzania_pisowni_w_formularzach_HTML +translation_of: Web/HTML/Global_attributes/spellcheck +translation_of_original: Web/HTML/Controlling_spell_checking_in_HTML_forms +--- +<p> </p> +<p>Firefox 2 wprowadza wsparcie dla sprawdzania pisowni w polach i obszarach tekstowych w formularzach. Użytkownik może, używając interfejsu about:config, włączyć lub wyłączyć sprawdzanie pisowni oraz czy sprawdzać zawartość zarówno obszarów tekstowych jak również pól, czy tylko obszarów.</p> +<p>Domyślnie zwartość obszarów tekstowych jest sprawdzana, a pól - nie.</p> +<p>Jednakże, mogą zdarzyć się sytuacje kiedy takie zachowanie może nie być poprawne. Dla przykładu, jeśli obszar tekstowy służyć ma do wprowadzania lub edycji HTML lub podobnych danych, sprawdzanie pisowni stanowiłoby raczej przeszkodę aniżeli pomoc. Podobnie, mogą zdarzyć się sytuacje, kiedy strona sieci Web powinna rekomendować Firefoksowi by sprawdzanie pisowni było włączone dla określonego pola tekstowego.</p> +<p>Jeśli strona sieci Web wymaga włączenia lub wyłączenia sprawdzania pisowni dla danego elementu <code><input></code>, autor może zastosować atrybut <code>spellcheck</code>, podając wartość <code>true</code> jeśli sprawdzanie pisowni powinno być włączone lub <code>false</code> - jeśli powinno być wyłączone.</p> +<p>Proszę pamiętać, że rekomendacja strony może zostać zignorowana jeśli użytkownik wyłączył sprawdzanie pisowni globalnie, poprzez ustawienie wartości <code>layout.spellcheckDefault</code> na 0. Jeśli <code>layout.spellcheckDefault</code> ma jakąkolwiek inną wartość, rekomendacje są brane pod uwagę.</p> +<p>Możesz zakodować pole tekstowe by używało sprawdzania pisowni używając kodu HTML podobnego do poniższego:</p> +<pre class="eval"><span class="nowiki"><input type="text" size="50" spellcheck="true"></span> +</pre> +<p>Podobnie, możesz zakodować pole tekstowe z wyłączonym sprawdzaniem pisowni używając kodu HTML podobnego do poniższego:</p> +<pre class="eval"><span class="nowiki"><textarea spellcheck="false"></textarea></span> +</pre> +<p>Możesz również zastosować atrybut <code>spellcheck</code> do innych elementów, jak na przykład elementy <code><span></code> i <code><div></code>. W tym wypadku jakiekolwiek zawarte w nich elementy <code><input></code> zastosują to ustawienie; elementy nie posiadające atrybutu <code>spellcheck</code> odziedziczą ustawienie sprawdzania pisowni po ich rodzicach. Jeśli nie ma żadnych podanych ustawień, zastosowane zostaną domyślne ustawienia użytkownika.</p> +<p>Na przykład:</p> +<pre><div spellcheck="true"> + <label>Wpisz zdanie: </label><input type="text" size="50"> + <br /> + <label>Wpisz inne zdanie: </label><input type="text" size="50"> +</div> +<br /> +<label>Wpisz trzecie zdanie: </label><input type="text" size="50"> +</pre> +<p>W tym fragmencie kodu HTML, zawartość pierwszych dwóch pól tekstowych zostanie sprawdzona, za to trzeciego - nie.</p> diff --git a/files/pl/conflicting/web/html/index.html b/files/pl/conflicting/web/html/index.html new file mode 100644 index 0000000000..2bc10ea70b --- /dev/null +++ b/files/pl/conflicting/web/html/index.html @@ -0,0 +1,108 @@ +--- +title: 'HTML: Hipertekstowy Język Znaczników' +slug: Web/HTML(PL) +tags: + - HTML + - HTML5 + - Landing + - Web + - 'l10n:priority' +translation_of: Web/HTML +--- +<div>{{HTMLSidebar}}</div> + +<p class="summary"><span class="seoSummary"><strong>HTML</strong> (HyperText Markup Language) jest najbardziej podstawowym elementem składowym sieci Web. Definiuje on znaczenie i strukturę treści stron internetowych. Inne technologie poza HTML są używane do opisu wyglądu/prezentacji strony internetowej (<a href="https://developer.mozilla.org/pl/docs/Web/CSS">CSS</a>) lub funkcjonalności/zachowania (<a href="https://developer.mozilla.org/pl/docs/Web/JavaScript">JavaScript</a>).</span></p> + +<p>"Hipertekst" (HyperText) odnosi się do linków łączących ze sobą strony internetowe, zarówno w obrębie jednej strony internetowej, jak i pomiędzy różnymi stronami internetowymi. Linki są podstawowym aspektem sieci Web. Umieszczając treści w Internecie i linkując je do stron stworzonych przez inne osoby, stajesz się aktywnym uczestnikiem sieci World Wide Web.</p> + +<p>HTML używa "znaczników" do opisywania tekstu, obrazów i innych treści do wyświetlania w przeglądarce internetowej. Znacznik HTML zawiera specjalne "elementy", takie jak {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("datalist")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("nav")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("video")}} i wiele innych.</p> + +<p>Element HTML jest odróżniany od zwykłego tekstu w dokumencie za pomocą "tagów", które składają się z nazwy elementu otoczonego przez "<" oraz ">". Nazwa elementu wewnątrz znacznika nie rozróżnia wielkości liter. Oznacza to, że może być napisana wielkimi, małymi lub zmieszanymi literami. Na przykład tag <strong><title></strong> może być zapisany jako <Title>,<TITLE> lub w inny sposób.</p> + +<p>Poniższe artykuły pomogą Ci dowiedzieć się więcej o HTML.</p> + +<section class="cleared" id="sect1"> +<ul class="card-grid"> + <li><span>Wprowadzenie do HTML</span> + + <p>Jeśli dopiero rozpoczynasz tworzenie stron internetowych, zapoznaj się z naszym artykułem <a href="https://developer.mozilla.org/pl/docs/Learn/Getting_started_with_the_web/HTML_basics">Podstawy HTML</a>, aby dowiedzieć się czym jest HTML i jak go używać.</p> + </li> + <li><span>Poradniki HTML</span> + <p>Aby zapoznać się z artykułami o tym jak korzystać z HTML, jak również z samouczkami i kompletnymi przykładami, sprawdź naszą <a href="https://developer.mozilla.org/pl/docs/Learn/HTML">Strefę Nauki HTML</a>.</p> + </li> + <li><span>Odniesienia HTML</span> + <p>W naszej obszernej sekcji <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Reference">Odniesienia HTML</a>, znajdziesz szczegóły dotyczące każdego elementu i atrybutu w HTML.</p> + </li> +</ul> + +<div class="row topicpage-table"> +<div class="section"> +<h2 class="Tools" id="Poradniki_dla_początkujących">Poradniki dla początkujących</h2> + +<p>Nasza <a href="https://developer.mozilla.org/pl/docs/Learn/HTML">Strefa Nauki HTML</a> zawiera wiele modułów, które uczą HTML od podstaw - nie jest wymagana wcześniejsza wiedza.</p> + +<dl> + <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Introduction_to_HTML">Wprowadzenie do HTML</a></dt> + <dd>Ten moduł jest etapem, który pozwala przyzwyczaić się do ważnych pojęć i składni, takich jak spojrzenie na zastosowanie HTML dla tekstu, jak tworzyć hiperłącza i jak używać HTML do strukturyzacji strony internetowej.</dd> +</dl> + +<dl> + <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Multimedia_and_embedding">Multimedia i osadzanie</a></dt> + <dd>Moduł ten wyjaśnia jak używać HTML do umieszczania multimediów na stronach internetowych, w tym różnych sposobów na dodawanie obrazów oraz osadzanie wideo, audio, a nawet całych innych stron internetowych.</dd> + <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Tables">Tabele HTML</a></dt> + <dd>Przedstawienie danych tabelarycznych na stronie internetowej w zrozumiały i dostępny sposób może być wyzwaniem. Moduł ten obejmuje podstawowe znaczniki tabelaryczne wraz z bardziej złożonymi funkcjami, takimi jak implementacja podpisów i podsumowań.</dd> + <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Forms">Formularze HTML</a></dt> + <dd>Formularze są bardzo ważną częścią sieci Web — zapewniają one wiele funkcji potrzebnych do interakcji z witrynami internetowymi, np. rejestracja i logowanie, wysyłanie opinii, kupowanie produktów i wiele więcej. Ten moduł przygotuje Cię do rozpoczęcia tworzenia części formularzy po stronie klienta/front-end.</dd> + <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Howto">Użyj HTML do rozwiązywania częstych problemów</a></dt> + <dd>Zawiera linki do sekcji wyjaśniających, jak używać HTML do rozwiązywania bardzo powszechnych problemów przy tworzeniu strony internetowej: radzenie sobie z tytułami, dodawanie zdjęć lub filmów, podkreślanie treści, tworzenie podstawowej formy, itp.</dd> +</dl> + +<h2 id="Zaawansowane_zagadnienia">Zaawansowane zagadnienia</h2> + +<dl> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/CORS_enabled_image">CORS z włączoną funkcją obrazów</a></dt> + <dd class="landingPageList">Atrybut {{htmlattrxref("crossorigin", "img")}}, w połączeniu z odpowiednim nagłówkiem {{glossary("CORS")}}, pozwala na ładowanie obrazów zdefiniowanych przez element {{HTMLElement("img")}} z innych źródeł i używanie ich w elemencie {{HTMLElement("canvas")}} tak, jakby były ładowane z lokalnego źródła.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/CORS_settings_attributes">Ustawienia atrybutów CORS</a></dt> + <dd class="landingPageList">Niektóre elementy HTML, które zapewniają wsparcie dla <a href="https://developer.mozilla.org/pl/docs/Web/HTTP/CORS">CORS</a>, takie jak {{HTMLElement("img")}} lub {{HTMLElement("video")}}, posiadają atrybut <code>crossorigin</code> (właściwość <code>crossOrigin</code>), który umożliwia konfigurację żądań CORS dla wczytywanych przez ten element danych.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/API/Document/hasFocus">Zarządzanie metodą focus w HTML</a></dt> + <dd class="landingPageList">Atrybut <code><a href="https://developer.mozilla.org/pl/docs/Web/API/DocumentOrShadowRoot/activeElement">activeElement</a></code> w DOM i metoda <code><a href="https://developer.mozilla.org/pl/docs/Web/API/Document/hasFocus">hasFocus()</a></code> w DOM pomagają śledzić i kontrolować interakcje użytkownika z elementami na stronie internetowej.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Zasoby_offline_w_Firefoksie">Korzystanie z pamięci podręcznej aplikacji</a></dt> + <dd class="landingPageList">Buforowanie aplikacji umożliwia uruchamianie aplikacji internetowych w trybie offline. Możesz użyć interfejsu <strong>Application Cache</strong> (<em>AppCache</em>) aby określić zasoby, które przeglądarka powinna buforować i udostępniać użytkownikom offline. Aplikacje, które są buforowane i działają poprawnie, nawet jeśli użytkownicy kliknęli przycisk odświeżania, gdy są w trybie offline.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Preloading_content">Wstępne ładowanie treści z rel="preload"</a></dt> + <dd class="landingPageList">Wartość <code>preload</code> atrybutu {{htmlattrxref("rel", "link")}} elementu {{htmlelement("link")}} pozwala na pisanie deklaratywnych żądań pobrania w sekcji {{htmlelement("head")}} dokumentu HTML, określając zasoby, które strony będą potrzebowały bardzo szybko po załadowaniu, których w związku z tym chcesz rozpocząć ładowanie od razu na początku cyklu życia strony, zanim uruchomi się główna maszyna renderująca w przeglądarce. Dzięki temu są one dostępne wcześniej i istnieje mniejsze ryzyko zablokowania pierwszego renderu strony, co prowadzi do poprawy wydajności. Ten artykuł zawiera podstawowy przewodnik po tym, jak działa <code>ładowanie wstępne</code>.</dd> +</dl> +</div> + +<div class="section"> +<h2 class="Documentation" id="Odniesienia">Odniesienia</h2> + +<dl> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Reference">Odniesienia HTML</a></dt> + <dd class="landingPageList">HTML składa się z elementów, z których każdy może być modyfikowany przez pewną liczbę atrybutów. Dokumenty HTML są ze sobą połączone <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Link_types">linkami</a>.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element">Odniesienia do elementów HTML</a></dt> + <dd class="landingPageList">Przeglądaj listę wszystkich {{glossary("Element", "elementów")}} {{glossary("HTML")}}.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Attributes">Odniesienia do atrybutów HTML</a></dt> + <dd class="landingPageList">Elementy w HTML mają <strong>atrybuty</strong>. Są to dodatkowe wartości, które konfigurują elementy lub dostosowują ich zachowanie na różne sposoby.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Global_attributes">Atrybuty globalne</a></dt> + <dd class="landingPageList">Atrybuty globalne mogą być definiowane na wszystkich <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element">elementach HTML</a>, <em>nawet tych, które nie zostały określone w standardzie</em>. Oznacza to, że wszelkie niestandardowe elementy muszą nadal zezwalać na te atrybuty, nawet jeśli elementy te sprawiają, że dokument jest niezgodny z HTML5.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Elementy_liniowe">Elementy inline</a> oraz <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Elementy_blokowe">Elementy block-level</a></dt> + <dd class="landingPageList">Elementy HTML są zazwyczaj elementami "inline" lub "block-level". Element inline zajmuje tylko przestrzeń ograniczoną znacznikami, które go definiują. Element block-level zajmuje całą przestrzeń elementu nadrzędnego (kontenera), tworząc w ten sposób "blok".</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Link_types">Rodzaje odnośników</a></dt> + <dd class="landingPageList">W HTML, różne typy linków mogą być użyte do nawiązania i zdefiniowania relacji pomiędzy dwoma dokumentami. Elementy odnośników, na których można ustawiać typy to {{HTMLElement("a")}}, {{HTMLElement("area")}} oraz {{HTMLElement("link")}}.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Supported_media_formats">Formaty multimedialne obsługiwane przez elementy audio i wideo</a></dt> + <dd class="landingPageList">Elementy {{HTMLElement("audio")}} oraz {{HTMLElement("video")}} umożliwiają odtwarzanie multimediów audio i wideo. Elementy te stanowią alternatywę dla podobnych funkcji w Adobe Flash i innych wtyczkach.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Content_categories">Rodzaje treści w HTML</a></dt> + <dd class="landingPageList">HTML składa się z kilku rodzajów treści, z których każda może być używana w określonych kontekstach, a w innych jest niedozwolona. Podobnie, każda z nich posiada zestaw innych kategorii zawartości, które mogą zawierać oraz elementy, które mogą lub nie mogą być w nich użyte. To jest przewodnik po tych kategoriach.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">Tryb Quirks oraz tryb standardów</a></dt> + <dd class="landingPageList">Historyczne informacje o trybie quirks i trybie standardów.</dd> +</dl> + +<h2 class="landingPageList" id="Tematy_powiązane">Tematy powiązane</h2> + +<dl> + <dt><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Applying_color">Zastosowanie koloru do elementów HTML przy użyciu CSS</a></dt> + <dd>W tym artykule omówiono większość sposobów na użycie CSS w celu dodania kolorów do zawartości HTML, wymieniając które części dokumentów HTML mogą być kolorowane i jakie właściwości CSS mogą być do tego użyte. Zawiera przykłady, odnośniki do narzędzi do budowania palet i wiele innych.</dd> +</dl> +</div> +</div> +<span class="alllinks"><a href="https://developer.mozilla.org/pl/docs/tag/HTML">Zobacz wszystkie...</a></span></section> diff --git a/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling/index.html b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling/index.html new file mode 100644 index 0000000000..c1da46484b --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling/index.html @@ -0,0 +1,42 @@ +--- +title: Blok instrukcji +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Blok_instrukcji +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Control_flow_and_error_handling +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Block_Statement +--- +<p> +</p> +<h3 id="Blok_instrukcji" name="Blok_instrukcji"> Blok instrukcji </h3> +<p>Blok instrukcji jest użyty do grupowania instrukcji. Blok zawarty jest w klamrach: +</p> +<pre class="eval">{ + instrukcja_1 + instrukcja_2 + . + . + . + instrukcja_n +} +</pre> +<p><b>Przykład</b><br> +Blok instrukcji są zazwyczaj używane z instrukcją kontrolną (np. <code><b>if</b></code>, <code><b>for</b></code>, <code><b>while</b></code>). +</p> +<pre class="eval">while (x < 10) { + x++; +} +</pre> +<p>Tutaj, <code><b>{ x++; }</b></code> jest blokiem instrukcji. +</p><p><b>Ważne</b>: JavaScript <b>nie</b> ma zakresu blokowego. Zmienne przedstawione z blokiem są zakresem stanowiącym zawartość funkcji i skryptu, efektem ustawień ich i trwania ponad własny blok. Nie chcesz używać bloków "samodzielnych/wolnostojących" w JavaScript, ponieważ one nie robią tego co myślisz, że robią, jeśli myślisz, że robią cokolwiek tak jak bloki w C lub Javie. Na przykład: +</p> +<pre class="eval">var x = 1; +{ + var x = 2; +} +alert(x); // wyświetli wartość drugiej zmiennej 2 +</pre> +<p>Zostanie wyświetlona wartość drugiej zmiennej ponieważ instrukcja <code><b>var x</b></code> wewnątrz warunku posiada ten sam zakres co instrukcja <code><b>var x</b></code> przed instrukcją warunkową. W C lub Java, równoważny kod miałby wartość pierwszej zmiennej. +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Block_Statement", "fr": "fr/Guide_JavaScript_1.5/D\u00e9claration_de_blocs", "ja": "ja/Core_JavaScript_1.5_Guide/Block_Statement" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_1a7d2f7d8b159dce08254c88948bc74a/index.html b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_1a7d2f7d8b159dce08254c88948bc74a/index.html new file mode 100644 index 0000000000..94a07dc3f0 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_1a7d2f7d8b159dce08254c88948bc74a/index.html @@ -0,0 +1,24 @@ +--- +title: Instrukcje pętli +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Control_flow_and_error_handling +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Loop_Statements +--- +<p> +</p> +<h3 id="Instrukcje_p.C4.99tli" name="Instrukcje_p.C4.99tli"> Instrukcje pętli </h3> +<p>Pętle są to specjalnie ustawione polecenia, które wykonują wielokrotnie kod, aż do spotkania specyficznych wartości. JavaScript wspiera instrukcję pętli for, do while, i while, albo well albo label (etykieta nie instrukcją pętli, ale jest często użyta z tą instrukcjami). Uzupełniając, możesz użyć instrukcji <code><b>break</b></code> i <code><b>continue</b></code> wewnątrz instrukcji pętli. </p><p>Następna instrukcja, <code><b>for...in</b></code>, wykonuje wielokrotnie ale jest użyta do manipulacji obiektem. Zobacz <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Instrukcje_manipulacji_obiektem">Instrukcje manipulacji obiektem</a>. +</p><p>Instrukcjami pętli są:<br> +</p> +<ul><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Instrukcje_p%c4%99tli/Instrukcja_for">Instrukcja for</a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Instrukcje_p%c4%99tli/Instrukcja_do_...while">Instrukcja do...while</a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Instrukcje_p%c4%99tli/Instrukcja_while">Instrukcja while</a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Instrukcje_p%c4%99tli/Instrukcja_label">Instrukcja label</a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Instrukcje_p%c4%99tli/Instrukcja_break">Instrukcja break</a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Instrukcje_p%c4%99tli/Instrukcja_continue">Instrukcja continue</a> +</li></ul> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Loop_Statements", "es": "es/Gu\u00eda_JavaScript_1.5/Sentencias_de_bucle", "fr": "fr/Guide_JavaScript_1.5/Boucles", "ja": "ja/Core_JavaScript_1.5_Guide/Loop_Statements" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_8f58cc44e17308f295c610e8acad2d99/index.html b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_8f58cc44e17308f295c610e8acad2d99/index.html new file mode 100644 index 0000000000..ce106856b6 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_8f58cc44e17308f295c610e8acad2d99/index.html @@ -0,0 +1,90 @@ +--- +title: Instrukcje warunkowe +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_warunkowe +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Control_flow_and_error_handling +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Conditional_Statements +--- +<p> +</p> +<h3 id="Instrukcja_warunkowa" name="Instrukcja_warunkowa"> Instrukcja warunkowa </h3> +<p>Instrukcja warunkowa jest zestawem poleceń wykonywanych, jeżeli dany warunek jest spełniony JavaScript obsługuje dwie instrukcje warunkowe:if...else i switch. +</p> +<h4 id="Instrukcja_if...else" name="Instrukcja_if...else"> Instrukcja if...else </h4> +<p>Instrukcja <code><b>if</b></code> powoduje wykonanie kodu źródłowego <code>instrukcja1</code> tylko wtedy, gdy <code>warunek</code> logiczny jest spełniony. Jeżeli zostanie użyty poszerzony wariant instrukcji <code>if</code>, to po spełnieniu warunku zostanie wykonany kod <code>instrukcja1</code> lecz w przeciwnym wypadku zostanie wykonany kod <code>instrukcja2</code>. Instrukcja <code><b>if</b></code> ma postać: +</p> +<pre>if (warunek) { + instrukcja1 +} +[else { + instrukcja2 +} ] +</pre> +<p>Jakiekolwiek wyrażenie w JavaScript może mieć warunek, który jest oceniany czy jest on prawdziwy lub fałszywy. Instrukcja wykonuje jakąkolwiek instrukcję zawartą w JavaScript, włączając pomoc zagnieżdżonym instrukcjom if. Jeśli chcesz użyć więcej niż po instrukcji <code><b>if</b></code> lub instrukcji <code><b>else</b></code> musisz otoczyć instrukcję nawiasami klamrowymi, {}. +</p><p>Nie powinieneś używać prostych zadań używając instrukcji warunkowej. Na przykład, nie używaj następującego kodu: </p> +<pre>if(x = y) +{ + /* coś jest wykonywane */ +} +</pre> +<p>Jeśli potrzebujesz użyć instrukcji warunkowej, aby wykonać zadanie, wstaw dodatkowy nawias wokół zadania. Na przykład, użyj if( (x = y) ). +</p><p>Nie pomieszaj wartości prymitywnej logicznej true i false z true i false wartości logicznej obiektu. Jakikolwiek obiekt, którego wartość nie jest zidentyfikowana, null, zero, NaN, lub pusty łańcuch znaków, włączając obiekt logiczny, którego wartość jest fałszem staje się prawdziwy, kiedy przechodzi w instrukcję warunkową. Na przykład: +</p> +<pre>var b = new Boolean(false); +if (b) // ten warunek jest prawdziwy +</pre> +<p><b>Przykład</b><br> +Następujący przykład funkcji <code><b>checkData</b></code> zwraca true i numer czcionki w obiekcie <code><b>Text</b></code> są trzy; W drugą stronę, to wyświetli alert ostrzegawczy i zwróci Ci false. +</p> +<pre>function checkData () { + if (document.form1.threeChar.value.length == 3) { + return true + } else { + alert("Enter exactly three characters. " + + document.form1.threeChar.value + " is not valid.") + return false + } +} +</pre> +<h4 id="Instrukcja_switch" name="Instrukcja_switch"> Instrukcja switch </h4> +<p>Instrukcja <code><b>switch</b></code> pozwala programowi na sprawdzenie ciągu warunków i próbuje wykonać wartość wyrażenia przypisana do odpowiedniej etykiety case. Jeśli jest to wyrażenie znalezione, program wykonuje załączoną instrukcję. Instrukcja <code><b>switch</b></code> wygląda w następujący sposób: +</p> +<pre>switch (expression){ + case label : + statement; + break; + case label : + statement; + break; + ... + default : statement; +} +</pre> +<p>Najpierw program szuka etykietę odpowiedniego wyrażenia i wykonuje załączoną instrukcję. Jeśli znaleziona zostaje nie odpowiednia etykieta, program szuka domyślnej instrukcji i jeśli znajdzie wykonuje załączoną instrukcję. Jeśli nie domyślna instrukcja jest znaleziona, program kontynuuje wykonywanie instrukcji aż do końca instrukcji <code><b>switch</b></code>. +</p><p>Opcjonalnie instrukcja <code><b>break</b></code> połączona z każdą etykietą case zapewnia przerwanie programu z całego bloku <code><b>switch</b></code> odpowiednio raz jak jest wykonana instrukcja i kontynuuje wykonywanie następnej instrukcji switch. Jeśli opuszcza <code><b>break</b></code>, program kontynuuje wykonywanie aż do następnej instrukcji w <code><b>switch</b></code>. +</p><p><b>Przykład</b><br> +W następującym przykładzie, jeśli <code><b>expr</b></code> sprawdza "Bananas", program szuka odpowiednią wartość z case "Bananas" i wykonuje załączoną instrukcję. Kiedy napotka <code><b>break</b></code>, progaram przerywa <code><b>switch</b></code>. Jeśli <code><b>break</b></code> zostało opuszczone, instrukcja zostanie wykonana dla case "Cherries". +</p> +<pre>switch (expr) { + case "Oranges" : + document.write("Oranges are $0.59 a pound.<BR>"); + break; + case "Apples" : + document.write("Apples are $0.32 a pound.<BR>"); + break; + case "Bananas" : + document.write("Bananas are $0.48 a pound.<BR>"); + break; + case "Cherries" : + document.write("Cherries are $3.00 a pound.<BR>"); + break; + default : + document.write("Sorry, we are out of " + i + ".<BR>"); +} + +document.write("Is there anything else you'd like?<BR>"); +</pre> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Conditional_Statements", "fr": "fr/Guide_JavaScript_1.5/Instructions_conditionnelles", "ja": "ja/Core_JavaScript_1.5_Guide/Conditional_Statements" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_b955d4d09ed7fa71268639ed589f8702/index.html b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_b955d4d09ed7fa71268639ed589f8702/index.html new file mode 100644 index 0000000000..b19c7ddd3f --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/control_flow_and_error_handling_b955d4d09ed7fa71268639ed589f8702/index.html @@ -0,0 +1,27 @@ +--- +title: Instrukcje komentarzy +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_komentarzy +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Control_flow_and_error_handling +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Comments +--- +<p> +</p> +<h3 id="Komentarze" name="Komentarze"> Komentarze </h3> +<p>komentarze są notatkami autora, które wyjaśniają co znaczy dany kawałek kodu. Komentarze nie są wczytywane przez przeglądarkę. W JavaScript mamy ten sam styl komentarzy co w Java i C++: +</p> +<ul><li> Komentarze w pojedyńczej linii są wstawiane za pomoca podwójnych znaków slash (//). +</li><li> Komentarze blokowe są wstawiane za pomoca /* i następnie zakończone */: +</li></ul> +<p><b>Przykład</b><br> +Następujący kod pokazuje komentarze: +</p> +<pre>// To jest pojedyńczy komentarz. + +/* To jest komentarz blokowy. Może być dowolnej długości i wstwiać go możemy w +każdym miejscu, gdzie tylko będziemy chcieli. */ +</pre> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Comments", "es": "es/Gu\u00eda_JavaScript_1.5/Sentencias_para_comentarios", "fr": "fr/Guide_JavaScript_1.5/Commentaires", "ja": "ja/Core_JavaScript_1.5_Guide/Comments" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/details_of_the_object_model/index.html b/files/pl/conflicting/web/javascript/guide/details_of_the_object_model/index.html new file mode 100644 index 0000000000..493a6b4156 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/details_of_the_object_model/index.html @@ -0,0 +1,73 @@ +--- +title: Wartości lokalne vs. dziedziczone +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Powrót_dziedziczenia_własności/Wartości_lokalne_vs._dziedziczone +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Details_of_the_Object_Model +translation_of_original: >- + Web/JavaScript/Guide/Obsolete_Pages/Property_Inheritance_Revisited/Local_versus_Inherited_Values +--- +<p> +</p> +<h3 id="Warto.C5.9Bci_lokalne_vs._dziedziczone" name="Warto.C5.9Bci_lokalne_vs._dziedziczone"> Wartości lokalne vs. dziedziczone </h3> +<p>Gdy korzystasz z dostępu do własności obiektu, JavaScript wykonuje następujące kroki, tak jak opisano w poprzednim rozdziale: +</p> +<ol><li> Sprawdza czy wartość istnieje lokalnie. Jeśli tak, to zwraca tę wartość. +</li><li> Jeśli wartość lokalna nie istnieje, sprawdza łańcuch prototypu (używając własności <code>__proto__</code>). +</li><li> Jeśli obiekt w łańcuchu prototypu posiada wartość dla określonej wartości, zwraca tę wartość. +</li><li> Jeśli własność ta nie została odnaleziona, to obiekt nie posiada tej własności. +</li></ol> +<p>Rezultat tych kroków zależy od sposobu, w jaki definiujesz rzeczy w kodzie. Oyginalny przykład używał następujących definicji: +</p> +<pre>function Employee () { +this.name = ""; +this.dept = "general"; +} + +function WorkerBee () { +this.projects = []; +} +WorkerBee.prototype = new Employee; +</pre> +<p>Przypuśćmy, że wraz z tymi definicjami utworzyłeś <code>amy</code> jako instancję <code>WorkerBee</code> za pomocą poniższej instrukcji: +</p> +<pre>amy = new WorkerBee; +</pre> +<p>Obiekt <code>amy</code> posiada jedną lokalną własność, <code>projects</code>. Wartości własności <code>name</code> i <code>dept</code> nie są lokalne dla <code>amy</code> i dlatego są pobrane z własności <code>__proto__</code> obiektu <code>amy</code>. W ten sposób <code>amy</code> posiada następujące wartości własności: +</p> +<pre>amy.name == ""; +amy.dept = "general"; +amy.projects == []; +</pre> +<p>Teraz przypuśćmy, że zmienisz wartość własności <code>name</code> w prototypie powiązanym z <code>Employee</code>: +</p> +<pre>Employee.prototype.name = "Unknown" +</pre> +<p>Na pierwszy rzut oka może Ci sie wydawać, że nowa wartość zostanie przekazana dalej do wszystkich instancji <code>Employee</code>. Nie dzieje się tak. +</p><p>Gdy tworzysz <i>dowolną</i> instancję obiektu <code>Employee</code>, instancja ta otrzymuje lokalną wartość dla własności <code>name</code> (pusty ciąg znaków). Oznacza to, że gdy ustawisz prototyp <code>WorkerBee</code> poprzez utworzenie nowego obiektu <code>Employee</code>, <code>WorkerBee.prototype</code> posiada lokalną wartość dla własności <code>name</code>. Dlatego więc, gdy JavaScript sprawdza własność <code>name</code> obiektu <code>amy</code> (instancji <code>WorkerBee</code>), JavaScript znajduje lokalną wartość dla tej własności w <code>WorkerBee.prototype</code>. Dlatego też nie sprawdza on łańcucha dalej aż do <code>Employee.prototype</code>. +</p><p>Jeśli chcesz zmienić wartość własności obiektu w momencie uruchomienia i sprawić, by była ona dziedziczona przez wszystkich potomków obiektu, nie możesz zdefiniować własności w funkcji konstruktora obiektu. Zamiast tego dodaj ją do prototypu powiązanego z konstruktorem. Na przykład, zakładając zmianę poprzedniego kodu na poniższy: +</p> +<pre>function Employee () { + this.dept = "general"; +} +Employee.prototype.name = ""; + +function WorkerBee () { +this.projects = []; +} +WorkerBee.prototype = new Employee; + +amy = new WorkerBee; + +Employee.prototype.name = "Unknown"; +</pre> +<p>W tym wypadku własność <code>name</code> obiektu <code>amy</code> przyjmuje wartość "Unknown". +</p><p>Jak pokazuję powyższe przykłady, jeśli chcesz zachować domyślne wartości dla własności obiektu i móc zmienić domyślne wartości w momencie uruchomienia, powinieneś utworzyć własności w prototypie konstruktora, a nie w samej funkcji konstruktora. +{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Powrót dziedziczenia własności", "Przewodnik po języku JavaScript 1.5:Powrót dziedziczenia własności:Określanie wzajemnych relacji obiektu") }} +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Property_Inheritance_Revisited/Local_versus_Inherited_Values", "es": "es/Gu\u00eda_JavaScript_1.5/M\u00e1s_sobre_la_herencia_de_propiedades/Valores_locales_frente_a_los_heredados", "ja": "ja/Core_JavaScript_1.5_Guide/Property_Inheritance_Revisited/Local_versus_Inherited_Values" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/expressions_and_operators/index.html b/files/pl/conflicting/web/javascript/guide/expressions_and_operators/index.html new file mode 100644 index 0000000000..1df22570cf --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/expressions_and_operators/index.html @@ -0,0 +1,18 @@ +--- +title: Operacje na łańcuchach +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operacje_na_łańcuchach +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Expressions_and_Operators +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Operators/String_Operators +--- +<p> +</p> +<h4 id="Operatory_.C5.82a.C5.84cuchowe" name="Operatory_.C5.82a.C5.84cuchowe"> Operatory łańcuchowe </h4> +<p>Oprócz operatorów porównania łańcuchów istnieje operator konkatenacji (+), który konkatenuje dwa łańcuchy zwracając łańcuch będący połączeniem obu argumentów. Na przykład <code>"my " + "string"</code> zwraca łańcuch znaków <code>"my string"</code>. +</p><p>Skróconego operatora += też można używać do konkatenacji łańcuchów. Na przykład jeśli zmienna <code>mystring</code> ma wartość "alpha", to wyrażenie <code>mystring += "bet"</code> przyjmuje wartość "alphabet" i wartość ta jest nadawana zmiennej <code>mystring</code>. +</p><p>{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Operatory:Operatory logiczne", "Przewodnik po języku JavaScript 1.5:Operatory:Operatory specjalne") }} +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Operators/String_Operators", "es": "es/Gu\u00eda_JavaScript_1.5/Operadores/Operadores_de_cadenas_de_caracteres_(string)", "fr": "fr/Guide_JavaScript_1.5/Op\u00e9rateurs/Op\u00e9rateurs_li\u00e9s_aux_cha\u00eenes", "ja": "ja/Core_JavaScript_1.5_Guide/Operators/String_Operators", "ko": "ko/Core_JavaScript_1.5_Guide/Operators/String_Operators" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/expressions_and_operators_173cc0f9e32f34b0483b45a29fa462e4/index.html b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_173cc0f9e32f34b0483b45a29fa462e4/index.html new file mode 100644 index 0000000000..8b6b2c3751 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_173cc0f9e32f34b0483b45a29fa462e4/index.html @@ -0,0 +1,73 @@ +--- +title: Operatory logiczne +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_logiczne +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Expressions_and_Operators +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Operators/Logical_Operators +--- +<p> +</p> +<h3 id="Operatory_logiczne" name="Operatory_logiczne"> Operatory logiczne </h3> +<p>Operatory logiczne są typem użytym z wartością Boolean (logiczną); zwracają one wartość logiczną (true lub false). Jednakże, operatory && i || aktualnie zwracają wartość jednego ze określonych argumentów, więc jeśli któryś z tych operatorów jest użyty z wartością nielogiczną, to zwróci wartość nie-logiczną. Operatory logiczne są opisane w następującej tablicy. +</p> +<table class="fullwidth-table"> +<tbody><tr> +<th>Operatory</th> +<th>Użycie</th> +<th>Opis</th> +</tr> +<tr> +<td>&&</td> +<td>expr1 && expr2</td> +<td>(Iloczyn logiczny AND) Zwraca expr1, jeśli jest konwertowany do false; w innym przypadku, zwraca expr2. Tak więc, kiedy użyjemy wartość logiczną, && zwróci true jeśli oba argumenty są true; w innym przypadku, zwróci false.</td> +</tr> +<tr> +<td>||</td> +<td>expr1 || expr2</td> +<td>(Suma logiczna OR) Zwróć expr1, jeśli jest konwertowany do true; w innym wypadku, zwróci expr2 logiczną. Tak więc, kiedy użyjemy wartość || zwróci true, jeśli oba argumenty są prawdziwe; jeśli oba są fałszywe, zwróci false.</td> +</tr> +<tr> +<td>!</td> +<td>!expr</td> +<td>(Negacja logiczna NOT) Zwraca false, jeśli jest pojedynczy argument konwertuje do true; w innym przypadku, zwróci true.</td> +</tr> +</tbody></table> +<p><small><b>Tabela: Operatory logiczne</b></small> +</p><p>Przykłady wyrażeń, które potrafią być konwertowane do false, są to te, które prawie są ocenione do null, 0, pusty łańcuch (""), lub niezidentyfikowany. +</p><p>Następujący kod pokazuje przykład operatora && (logiczny AND). +</p> +<pre>a1=true && true // t && t zwraca true +a2=true && false // t && f zwraca false +a3=false && true // f && t zwraca false +a4=false && (3 == 4) // f && f zwraca false +a5="Cat" && "Dog" // t && t zwraca Dog +a6=false && "Cat" // f && t zwraca false +a7="Cat" && false // t && f zwraca false +</pre> +<p>Następujący kod pokazuje przykład operatora || (logiczny OR). +</p> +<pre>o1=true || true // t || t zwraca true +o2=false || true // f || t zwraca true +o3=true || false // t || f zwraca true +o4=false || (3 == 4) // f || f zwraca false +o5="Cat" || "Dog" // t || t zwraca Cat +o6=false || "Cat" // f || t zwraca Cat +o7="Cat" || false // t || f zwraca Cat +</pre> +<p>Następujący kod pokazuje przykład operatora ! (logiczny NOT). +</p> +<pre>n1=!true // !t zwraca false +n2=!false // !f zwraca true +n3=!"Cat" // !t zwraca false +</pre> +<h4 id="Skr.C3.B3cona_ocena" name="Skr.C3.B3cona_ocena"> Skrócona ocena </h4> +<p>Wyrażenia logiczne są oceniane od lewego do prawego, są one testowane dla ewentualnych "skrótów" potrafiących wykonać wyrażenie wykonując następujące reguły: </p> +<ul><li> <code>false</code> && <i>coś_tam</i> jest skrótem wykonującym wyrażenie fałszywe. </li><li> <code>true</code> || <i>coś_tam</i> jest skrótem wykonującym wyrażenie prawdziwe. +</li></ul> +<p>Zasady te są gwarancją, która te ewolucje zawsze poprawi. Notatka, która część <i>coś_tam</i> z powyższego wyrażenia jest nieoceniana, więc któraś strona nie wykona w pełni warunku jaki został założony. +</p><p>{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Operatory:Operatory bitowe", "Przewodnik po języku JavaScript 1.5:Operatory:Operacje na łańcuchach") }} +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Operators/Logical_Operators", "es": "es/Gu\u00eda_JavaScript_1.5/Operadores/Operadores_l\u00f3gicos", "fr": "fr/Guide_JavaScript_1.5/Op\u00e9rateurs/Op\u00e9rateurs_logiques", "ja": "ja/Core_JavaScript_1.5_Guide/Operators/Logical_Operators", "ko": "ko/Core_JavaScript_1.5_Guide/Operators/Logical_Operators" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/expressions_and_operators_510ae1f584cbdb5ca760b545f90c72ed/index.html b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_510ae1f584cbdb5ca760b545f90c72ed/index.html new file mode 100644 index 0000000000..304b64d5d6 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_510ae1f584cbdb5ca760b545f90c72ed/index.html @@ -0,0 +1,74 @@ +--- +title: Operatory porównania +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_porównania +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Expressions_and_Operators +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Operators/Comparison_Operators +--- +<p> +</p> +<h3 id="Operatory_por.C3.B3wnania" name="Operatory_por.C3.B3wnania"> Operatory porównania </h3> +<p>Operator porównania porównuje jego argumenty i zwraca logiczna wartość bazującą na sprawdzeniu czy wartość jest prawdziwa (true). Argumenty są wartościami liczbowymi, łańcuchowymi, logicznymi lub obiektowymi. Wartości łańcuchowe są porównywane z zasadami opartymi na zasadach zawartych w leksykonach, używając wartości Unicode. Poniższa tabela opisuje operatory porównania. +</p> +<table class="fullwidth-table"> +<tbody><tr> +<th>Operator</th> +<th>Opis</th> +<th>Przykłady powrotu true<sup>1</sup></th> +</tr> +<tr> +<td>Jest równe (==)</td> +<td>Zwraca true, jeśli argumenty są równe. Jeśli dwa argumenty nie są tego samego typu, JavaScript próbuje konwertować argument do odpowiedniego typu dla porównania.</td> +<td><code>3 == var1<br> +<p>"3" == var1<br> +</p> +3 == '3'</code></td> +</tr> +<tr> +<td>Nie jest równe (!=)</td> +<td>Zwraca true, jeśli argumenty nie są równe. Jeśli dwa argumenty nie są tego samego typu, JavaScript próbuje konwertować argument do odpowiedniego typu dla porównania.</td> +<td><code>var1 != 4<br> +var2 != "3"</code></td> +</tr> +<tr> +<td>Ściśle równe (===)</td> +<td>Zwraca true, jeśli argumenty są równe i są tego samego typu.</td> +<td><code>3 === var1</code></td> +</tr> +<tr> +<td>Ściśle nie jest równe (!==)</td> +<td>Zwraca true, jeśli argumenty nie są równe i/lub nie są tego samego typu.</td> +<td><code>var1 !== "3"<br> +3 !== '3'</code></td> +</tr> +<tr> +<td>Jest większe (>)</td> +<td>Zwraca true, jeśli lewy argument jest większy niż prawy argument.</td> +<td><code>var2 > var1</code></td> +</tr> +<tr> +<td>Jest większe lub równe (>=)</td> +<td>Zwraca true, jeśli lewy argument jest większy lub równy prawemu argumentowi.</td> +<td><code>var2 >= var1<br> +var1 >= 3</code></td> +</tr> +<tr> +<td>Jest mniejsze (<)</td> +<td>Zwraca true, jeśli lewy argument jest mniejszy niż prawy argument.</td> +<td><code>var1 < var2</code></td> +</tr> +<tr> +<td>Jest mniejsze lub równe (<=)</td> +<td>Zwraca true, jeśli lewy argument jest mniejszy lub równy prawemu argumentowi. </td> +<td><code>var1 <= var2<br> +var2 <= 5</code></td> +</tr> +</tbody></table> +<p><small><b>Tabela: Operatory porównania</b></small> +</p><p><small><sup>1</sup>Ten przykład podsumowuje, że <code>var1</code> ma przydzieloną wartość 3 i <code>var2</code> ma przydzieloną wartość 4.</small> +</p><p>{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Operatory:Operatory przypisania", "Przewodnik po języku JavaScript 1.5:Operatory:Operatory arytmetyczne") }} +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Operators/Comparison_Operators", "es": "es/Gu\u00eda_JavaScript_1.5/Operadores/Operadores_de_comparaci\u00f3n", "fr": "fr/Guide_JavaScript_1.5/Op\u00e9rateurs/Op\u00e9rateurs_de_comparaison", "ja": "ja/Core_JavaScript_1.5_Guide/Operators/Comparison_Operators" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/expressions_and_operators_605f6491d97a62449200a9401cba82c7/index.html b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_605f6491d97a62449200a9401cba82c7/index.html new file mode 100644 index 0000000000..e7e7099052 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_605f6491d97a62449200a9401cba82c7/index.html @@ -0,0 +1,49 @@ +--- +title: Operatory arytmetyczne +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_arytmetyczne +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Expressions_and_Operators +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Operators/Arithmetic_Operators +--- +<p> +</p> +<h3 id="Operatory_arytmetyczne" name="Operatory_arytmetyczne"> Operatory arytmetyczne </h3> +<p>Operatory arytmetyczne pobierają wartości liczbowe (albo literowy lub zmienny) jako własne argumenty i zwracają pojedynczą wartość liczbową. Podstawowymi operatorami arytmetycznymi są <b>dodawanie (+)</b>, <b>odejmowanie (-)</b>, <b>mnożenie (*)</b>, i <b>dzielenie (/)</b>. Wspomniane operatory działają także w innych językach programowania (oprócz operatora /, który zwraca wynik dzielenia w wartościach dziesiętnych w JavaScript), dzielenie nie zaokrągla wartości dziesiętnej, jak to robi w językach programowania, takich jak C i Java. Na przykład: +</p> +<pre>1/2 //zwraca 0.5 w JavaScript +1/2 //zwraca 0 w Java +</pre> +<p>Uzupełniając, JavaScript dostarcza operatory arytmetyczne wyliczone w poniższej tabeli. +</p> +<table class="fullwidth-table"> +<tbody><tr> +<th>Operator</th> +<th>Opis</th> +<th>Przykład</th> +</tr> +<tr> +<td><b>%</b><br>(Modulo)</td> +<td>Operator bitowy. Zwraca liczbę całkowitą z resztą podczas dzielenie dwóch argumentów.</td> <td>12 % 5 zwraca 2.</td> +</tr> +<tr> +<td><b>++</b><br>(Inkrementacji)</td> +<td>Operator unarny. Zwiększa o jeden argument. Jeśli użyjemy operator z przedrostkiem (<b>++x</b>), zwróci wartość argumentu zwiększonego o jeden; jeśli użyjemy argumentu i za nim przedrostek (<b>x++</b>), zwróci wartość argumentu z przed zwiększenia o jeden.</td> +<td>Jeśli <code><b>x</b></code> jest 3, potem <code><b>++x</b></code> ustawia <code><b>x</b></code> na 4 i zwraca 4, podczas gdy <code><b>x++</b></code> ustawia <code><b>x</b></code> na 4 i zwraca 3.</td> +</tr> +<tr> +<td><b>--</b><br>(Dekrementacji)</td> +<td>Operator unarny. Zmniejszy o jeden argument. Zwracana wartość jest analogiczna do zapisu operatora inkrementacji.</td> +<td>Jeśli <code><b>x</b></code> jest 3, potem <code><b>--x</b></code> ustawia <code><b>x</b></code> na 2 i zwraca 2, podczas gdy <code><b>x++</b></code> ustawia <code><b>x</b></code> na 2 i zwraca 3.</td> +</tr> +<tr> +<td><b>-</b><br>(Negacja unarna)</td> +<td>Operator unarny. Zwraca negacje tego argumentu.</td> +<td>Jeśli <code><b>x</b></code> jest 3, potem <code><b>-x</b></code> zwraca -3.</td> +</tr> +</tbody></table> +<p><small><b>Tabela: Operatory arytmetyczne</b></small> +</p><p>{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Operatory:Operatory porównania", "Przewodnik po języku JavaScript 1.5:Operatory:Operatory bitowe") }} +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Operators/Arithmetic_Operators", "es": "es/Gu\u00eda_JavaScript_1.5/Operadores/Operadores_aritm\u00e9ticos", "fr": "fr/Guide_JavaScript_1.5/Op\u00e9rateurs/Op\u00e9rateurs_arithm\u00e9tiques", "ja": "ja/Core_JavaScript_1.5_Guide/Operators/Arithmetic_Operators", "ko": "ko/Core_JavaScript_1.5_Guide/Operators/Arithmetic_Operators" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/expressions_and_operators_a3ce80967ffc4f60314caa4b05ec9c47/index.html b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_a3ce80967ffc4f60314caa4b05ec9c47/index.html new file mode 100644 index 0000000000..8ce2683d3f --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_a3ce80967ffc4f60314caa4b05ec9c47/index.html @@ -0,0 +1,228 @@ +--- +title: Operatory specjalne +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_specjalne +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Expressions_and_Operators +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Operators/Special_Operators +--- +<p> +</p> +<h3 id="Operatory_specjalne" name="Operatory_specjalne"> Operatory specjalne </h3> +<p>JavaScript udostępnia następujące operatory specjalne: +</p> +<ul><li> {{ Anch("Operator warunkowy") }} +</li><li> {{ Anch("Operator przecinka") }} +</li><li> {{ Anch("delete") }} +</li><li> {{ Anch("in") }} +</li><li> {{ Anch("instanceof") }} +</li><li> {{ Anch("new") }} +</li><li> {{ Anch("this") }} +</li><li> {{ Anch("typeof") }} +</li><li> {{ Anch("void") }} +</li></ul> +<h4 id="Operator_warunkowy" name="Operator_warunkowy"> Operator warunkowy </h4> +<p><b>Operator warunkowy</b> jest tylko operatorem JavaScript, który pobiera trzy argumenty. Operator może mieć jedną lub dwie wartości oparte na warunku. Składnia: +</p> +<pre>condition ? val1 : val2 +</pre> +<p>Jeśli <code>condition</code> (warunek) jest prawdziwy (true), operator ma wartość <code>val1</code>. W przeciwnym razie posiada wartość <code>val2</code>. Możesz użyć operatora warunkowego wszędzie, gdzie będziesz używał operatorów standardowych. +</p><p>Na przykład: +</p> +<pre>status = (age >= 18) ? "adult" : "minor" +</pre> +<p>Ta instrukcja przydziela wartość <code>"adult"</code> do <code>status</code>, jeśli posiada osiemnaście lub więcej lat. Z drugiej strony przydzielasz <code>"minor"</code> do <code>status</code>. +</p> +<h4 id="Operator_przecinka" name="Operator_przecinka"> Operator przecinka </h4> +<p>Operator przecinka, prosty poszukujący obu argumentów zwracających drugi argument. Ten operator początkowo używany był wewnątrz pętli <code>for</code>. Pozwalał wielokrotnie na aktualizację zmiennych, za każdym razem kiedy pętla jest wykonywana. </p><p>Na przykład, jeśli <code>a</code> jest 2-u wymiarową tablicą z 10 elementami na stronę, następujący operator przecinkowy to kod użytkownika będący przyrostem dwóch zmiennych na raz. Kod drukuje wartości diagonalne elementów w tablicy: +</p> +<pre>for (var i=0, j=9; i <= 9; i++, j--) + document.writeln("a["+i+","+j+"]= " + a[i*10 +j]) +</pre> +<p>Uwaga te dwuwymiarowe tablice są już nie wspierane. Ten przykład emuluje dwuwymiarowe tablice używając jedno wymiarowej tablicy. +</p> +<h4 id="delete" name="delete"> delete </h4> +<p>Operator delete usuwa obiekty, własności obiektów, lub elementy określone w indeksie tablicy. Składnia: +</p> +<pre>delete objectName +delete objectName.property +delete objectName[index] +delete property // legal only within a with statement +</pre> +<p>gdzie: <code>objectName</code> jest nazwą obiektu, <code>property</code> są to istniejące własności i <code>index</code> reprezentuje liczbę całkowita w lokalizacji z elementem tablicy. </p><p>Czwarta forma jest dopuszczalna tylko wewnątrz instrukcji <code>with</code>, aby usunąć własności z obiektu. +</p><p>Możesz użyć operator <code>delete</code> do usunięcia zmiennych zadeklarowanych bez zastrzeżeń, ale nie te z deklaracją instrukcji <code>var</code>. +</p><p>Jeśli operator <code>delete</code> jest prawidłowy, to ustawienia własności lub usuniętego elementu są nieczytelne (<code>undefined</code>). Operator <code>delete</code> zwraca true, jeśli operacja jest możliwa; zwraca <code>false</code>, jeżeli operacja nie jest możliwa. </p> +<pre>x=42 +var y= 43 +myobj=new Number() +myobj.h=4 // tworzy własności h +delete x // zwraca true (potrafi usunąć, jeśli zadeklarujemy brak zastrzeżeń) +delete y // zwraca false (nie potrafi usunąć jeśli zadeklarujemy z var) +delete Math.PI // zwraca false (nie potrafi usunąć predefiniowanych własności) +delete myobj.h // zwraca true (potrafi usunąć własności zdefiniowane przez użytkownika) +delete myobj // zwraca true (potrafi usunąć, jeśli zadeklarujemy brak zastrzeżeń) +</pre> +<p><b>Usuwanie tablicy elementów</b><br> +Kiedy operator delete usunie elementy tablicy, długość tablicy będzie nadal taka sama. Na przykład, jeśli usuniemy a{{ mediawiki.external(3) }}, a{{ mediawiki.external(4) }} to wciąż jest a{{ mediawiki.external(4) }} i a{{ mediawiki.external(3) }} ale niezdefiniowane. +</p><p>Kiedy operator <code><b>delete</b></code> usuwa element, który jest elementem tablicowym, taki element nie jest dłuższy w tablicy. W następnym przykładzie, trees{{ mediawiki.external(3) }} jest usunięty z <code>delete</code>. +</p> +<pre>trees=new Array("redwood","bay","cedar","oak","maple") +delete trees[3] +if (3 in trees) { + // to nie zadziała +} +</pre> +<p>Jeśli chcesz, aby element tablicy istniał, ale masz nieznaną wartość, użyj słowa kluczowego <code>undefined</code> zamiast operatora <code>delete</code>. W następnym przykładzie, jest przydzielona niezidentyfikowana wartość <code>trees{{ mediawiki.external(3) }}</code>, ale element tablicy nadal istnieje: </p> +<pre>trees=new Array("redwood","bay","cedar","oak","maple") +trees[3]=undefined +if (3 in trees) { + // to zadziała +} +</pre> +<h4 id="in" name="in"> in </h4> +<p>Operator <code>in</code> zwraca <code>true</code>, jeśli specyficzne właściwości są w specyficznym obiekcie. Składnia: </p> +<pre>propNameOrNumber in objectName +</pre> +<p>gdzie: <code>propNameOrNumber</code> jest łańcuchem znaków lub wyrażeniem liczbowym reprezentującym własności nazwy lub index tablicy, <code>objectName</code> jest nazwą obiektu. +</p><p>Następujący przykład używa operatora <code>in</code>. +</p> +<pre>// Tablice +trees=new Array("redwood","bay","cedar","oak","maple") +0 in trees // zwracają true +3 in trees // zwracają true +6 in trees // zwracają false +"bay" in trees // zwracają false (musisz mieć specyficzny numer indeksu, + // nie ma wartości w tym indeksie) +"length" in trees // zwracają true (długość jest własnością tablicy) + +// obiekty predefiniowane +"PI" in Math // zwracają true +myString=new String("coral") +"length" in myString // zwracają true + +// obiekty użytkownika +mycar = {make:"Honda",model:"Accord",year:1998} +"make" in mycar // zwracają true +"model" in mycar // zwracają true +</pre> +<h4 id="instanceof" name="instanceof"> instanceof </h4> +<p>Operator <code>instanceof</code> zwraca <code>true</code>, jeśli konkretny obiekt jest obiektem konkretnego typu. Składnia: </p> +<pre>objectName instanceof objectType +</pre> +<p>gdzie: <code>objectName</code> jest nazwą obiektu do porównania z <code>objectType</code> a <code>objectType</code> jest typem obiektu, jak naprzykład <code>Date</code> lub <code>Array</code>. +</p><p>Używamy <code>instanceof</code>, kiedy potrzebujemy porównać typy uruchomionych obiektów. Na przykład, kiedy wystąpi wyjątek, to można, w zależności od zgłoszonego typu wyjątku rozgałęzić różną obsługę tego wyjątku. +</p><p>Na przykład, następujący kod używa <code>instanceof</code> do określenia czy <code>theDay</code> jest obiektem <code>Date</code>. Ponieważ <code>theDay</code> jest obiektem <code>Date</code>, instrukcja w <code>if</code> jest wykonywana. +</p> +<pre>theDay=new Date(1995, 12, 17) +if (theDay instanceof Date) { + // instrukcja do wykonania +} +</pre> +<h4 id="new" name="new"> new </h4> +<p>Użyj operatora <code>new</code>, aby utworzyć przykład definicji użytkownika typu obiektowego lub jednego z predefiniowanego typu obiektowego <code>Array, Boolean, Date, Function, Image, Number, Object, Option, RegExp</code>, lub <code>String</code>. Na serwerze możesz, używać także z <code>DbPool, Lock, File</code> lub <code>SendMail</code>. Użyj <code>new</code> w następującym kodzie: +</p> +<pre>objectName = new objectType ( param1 [,param2] ...[,paramN] ) +</pre> +<p>Możemy także tworzyć obiekty używając inicjatorów obiektu opisanych na stronie <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%c3%b3w/U%c5%bcywanie_inicjacji_obiektu">Używanie inicjacji obiektu</a>. +</p><p>Zobacz więcej na temat <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Operatory/Operatory_specjalne/Operator_new">operatora new</a> w dokumentacji JavaScript. +</p> +<h4 id="this" name="this"> this </h4> +<p>Użyj słowa kluczowego <code>this</code> do wskazania aktualnego obiektu. Generalnie, <code>this</code> wskazuje nazwę obiektu w metodzie. Używamy go następująco: </p> +<pre>this[.propertyName] +</pre> +<p><b>Przykład 1.</b><br> +Załóżmy że funkcja <code>validate</code> zatwierdza właściwą wartość, przekazując obiekt oraz górny i dolny zakres. </p> +<pre>function validate(obj, lowval, hival) { + if ((obj.value < lowval) || (obj.value > hival)) + alert("Invalid Value!") +} +</pre> +<p>Teraz możesz wywoływać <code>validate</code> w każdym formularzu korzystając z zdarzenia <code>onChange</code>. +Używamy <code>this</code> do przekazania elementu w formularz, tak jak w przykładzie: +</p> +<pre><B>Wprowadź liczbę pomiędzy 18 i 99:</B> +<INPUT TYPE = "text" NAME = "age" SIZE = 3 + onChange="validate(this, 18, 99)"> +</pre> +<p><b>Przykład 2.</b><br> +Kiedy kombinujesz z własnościami <code>form</code>, zostaniesz skierowany do tymczasowego obiektu znajdującego się w obrębie tego formularza. W następującym przykładzie, formularz <code>myForm</code> składa się z obiektu <code>Text</code> i przycisku. Kiedy użytkownik kliknie w przycisk, wartość obiektu <code>Text</code> ustawia się na nazwę formularza. Przycisk zawiera zdarzenie <code>onClick</code> używane za pomocą uchwytu <code>this.form</code> do wywołania go w tym samym formularzu, <code>myForm</code>. +</p> +<pre><FORM NAME="myForm"> +Form name:<INPUT TYPE="text" NAME="text1" VALUE="Beluga"> +<P> +<INPUT NAME="button1" TYPE="button" VALUE="Show Form Name" + onClick="this.form.text1.value=this.form.name"> +</FORM> +</pre> +<h4 id="typeof" name="typeof"> typeof </h4> +<p>Operator <code>typeof</code> jest użyty w jednej z dwóch sytuacji: +</p> +<pre>1. typeof operand +2. typeof (operand) +</pre> +<p>Operator <code>typeof</code> zwraca łańcuch zwracający typ nie ocenionego argumentu. Argumentem (<code>operand</code>) jest łańcuch, zmienna, słowo kluczowe lub obiekt, dla którego ten typ będzie zwracany. Nawiasy są opcjonalne. </p><p>Przypuśćmy, że zdefiniujemy następujące zmienne: </p> +<pre>var myFun = new Function("5+2") +var shape="round" +var size=1 +var today=new Date() +</pre> +<p>Operator <code>typeof</code> zwraca następujący rezultat dla tych zmiennych: </p> +<pre>typeof myFun is function +typeof shape is string +typeof size is number +typeof today is object +typeof dontExist is undefined +</pre> +<p>Dla słowa kluczowego <code>true</code> i <code>null</code>, operator <code>typeof</code> zwraca następujący rezultat: </p> +<pre>typeof true is boolean +typeof null is object +</pre> +<p>Dla liczby lub łańcucha znaków, operator <code>typeof</code> zwraca następujący rezultat: +</p> +<pre>typeof 62 is number +typeof 'Hello world' is string +</pre> +<p>Dla wartości własności, operator <code>typeof</code> zwraca właściwość stanowiącą typ zmiennej: +</p> +<pre>typeof document.lastModified is string +typeof window.length is number +typeof Math.LN2 is number +</pre> +<p>Dla metod lub funkcji, operator <code>typeof</code> zwraca następujący rezultat: +</p> +<pre>typeof blur is function +typeof eval is function +typeof parseInt is function +typeof shape.split is function +</pre> +<p>Dla obiektów predefiniowanych, operator <code>typeof</code> zwraca następujący rezultat: </p> +<pre>typeof Date is function +typeof Function is function +typeof Math is function +typeof Option is function +typeof String is function +</pre> +<h4 id="void" name="void"> void </h4> +<p>Operator <code>void</code> jest użyty w jednym z następujących przypadków: +</p> +<pre>1. void (expression) +2. void expression +</pre> +<p>Operator <code>void</code> określa wykonane wyrażenie bez zwracania wartości. <code>expression</code> jest wyrażeniem JavaScript do wykonania. Nawiasy otaczające wyrażenie są opcjonalne, jednak dobrym stylem jest ich stosowanie. +</p><p>Możemy zastosować operator <code>void</code> do określenia wyrażenia jako hipertekstowy odnośnik. Wyrażenie jest wykonywane ale nie jest wczytywane w miejsce bieżącego dokumentu. +</p><p>Następujący kod tworzy odnośnik hipertekstowy, który nic nie wywoła w momencie, kiedy użytkownik go kliknie. Kiedy użytkownik kliknie w odnośnik, to wykonane zostanie niezidentyfikowane wyrażenie <code>void(0)</code>, które nie ma żadnego efektu w języku JavaScript. +</p> +<pre><a href="javascript:void(0)">Kliknij tu, nie robiąc nic</a> +</pre> +<p>Następujący kod tworzy odnośnik, który przedłoży (prześle) zawartość formularza w momencie, kiedy użytkownik naciśnie przycisk formularza. +</p> +<pre><a href="javascript:void(document.form.submit())">Kliknij tutaj, aby przesłać zawartość formularza</a> +</pre> +<p>{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Operatory:Operacje na łańcuchach", "Przewodnik_po_j%C4%99zyku_JavaScript_1.5:Operatory#Pierwszeństwo_operatorów") }} +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Operators/Special_Operators", "es": "es/Gu\u00eda_JavaScript_1.5/Operadores/Operadores_especiales", "fr": "fr/Guide_JavaScript_1.5/Op\u00e9rateurs/Op\u00e9rateurs_sp\u00e9ciaux", "ja": "ja/Core_JavaScript_1.5_Guide/Operators/Special_Operators", "ko": "ko/Core_JavaScript_1.5_Guide/Operators/Special_Operators" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/expressions_and_operators_c278b67ddd602343b8c21711abc1b17c/index.html b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_c278b67ddd602343b8c21711abc1b17c/index.html new file mode 100644 index 0000000000..b3d0303eba --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/expressions_and_operators_c278b67ddd602343b8c21711abc1b17c/index.html @@ -0,0 +1,23 @@ +--- +title: Wyrażenia +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Wyrażenia +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Expressions_and_Operators +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Expressions +--- +<p> +</p> +<h3 id="Wyra.C5.BCenia" name="Wyra.C5.BCenia"> Wyrażenia </h3> +<p>Wyrażenia (<i>expression</i>) są ważnym ustawieniem literałów, zmiennych, operatorów oraz wyrażeń które są wykonywane dla pojedynczej wartości; wartością tą może być liczba, znak, lub wartość logiczną. </p><p>Konceptualnie, są dwa typy wyrażeń: te, które próbują przypisać wartość do zmiennych, i te, które po prostu posiadają wartość. Na przykład, wyrażenie x=7 jest wyrażeniem, które przydziela 7 wartości x. Wyrażenie to samo sprawdza liczbę siedem, podobnie także zachowuje się wyrażenie użyte w "przydzielonych operatorach". Z drugiej strony, możemy powiedzieć, że wyrażenie proste 3 + 4 staje się siódemką; lecz w taki sposób nie można dokonać przydzielenia. Operatory użyte jak wyrażenia są kierowane prosto jako <i>operatory</i>. +</p><p>JavaScript posiada następujące typy wyrażeń: +</p> +<ul><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Operatory/Operatory_arytmetyczne">Arytmetyczne</a>: ocenia liczby, na przykład 3.14159 +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Operatory/Operacje_na_%c5%82a%c5%84cuchach">Łańcuchowe</a>: ocenia łańcuch znaków, na przykład, "Fred" lub "234" +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Operatory/Operatory_logiczne">Logiczne</a>: ocenia czy warunek jest prawdziwy czy fałszywy. </li><li> Obiektowe: ocenia obiekt (Zobacz: <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Operatory/Operatory_specjalne">Operatory specjalne</a>) +</li></ul> +<p>{{ PreviousNext("Przewodnik_po_j%C4%99zyku_JavaScript_1.5:Unicode#Wy.C5.9Bwietlanie_czcionek_z_Unicode", "Przewodnik po języku JavaScript 1.5:Operatory") }} +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Expressions", "fr": "fr/Guide_JavaScript_1.5/Expressions", "ja": "ja/Core_JavaScript_1.5_Guide/Expressions" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/functions/index.html b/files/pl/conflicting/web/javascript/guide/functions/index.html new file mode 100644 index 0000000000..7a3fc26637 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions/index.html @@ -0,0 +1,62 @@ +--- +title: Definiowanie funkcji +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Definiowanie_funkcji +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Defining_Functions +--- +<h2 id="Definiowanie_funkcji" name="Definiowanie_funkcji">Definiowanie funkcji</h2> +<p>Na definicję funkcji składają się słowa:</p> +<ul> + <li>Nazwa funkcji.</li> + <li>Lista argumentów funkcji, otoczona w nawiasach i oddzielona przecinkami.</li> + <li>Instrukcje JavaScript, które definiują funkcje, otoczone w nawiasach klamrowych, { }. Instrukcje w funkcji zawierają nazwę do innych funkcji zdefiniowane do aktualnej aplikacji.</li> +</ul> +<p>Na przykład, następujący kod definiuje prostą funkcję nazwaną square:</p> +<pre>function square(number) { + return number * number; +} +</pre> +<p>Funkcja <code>square</code> bierze jeden argument, nazwany number. Funkcja składa się z jednej instrukcji, która sygnalizuje zwrot argumentu funkcji pomnożonej przez samą siebie. Instrukcja <code>return</code> określa wartość zwracanej funkcji.</p> +<pre>return number * number +</pre> +<p>Wszystkie parametry są przekazywane do funkcji <em>przez wartość</em>; wartość zostaje przekazana do funkcji, ale jeżeli w funkcji wartość parametru zostanie zmieniona, zmiana ta nie będzie widoczna globalnie an. Jednakże, jeżeli przekażesz obiekt jako parametr funkcji, a funkcja zmieni właściwości obiektu, zmiana ta będzie widoczna poza funkcją, tak jak w następującym przykładzie:</p> +<pre>function myFunc(theObject) { + theObject.make="Toyota" +} + +mycar = {make:"Honda", model:"Accord", year:1998}; +x=mycar.make; // zwraca Honda +myFunc(mycar); // przechodzi obiekt mycar do funkcji +y=mycar.make; // zwraca Toyota (porada: was changed by the function) +</pre> +<p>Zdefiniowana funkcja jest oparta na warunku. Na przykład, dając następującą definicje funkcji:</p> +<pre>if (num == 0) +{ + function myFunc(theObject) { + theObject.make="Toyota" + } +} +</pre> +<p>Funkcja <code>myFunc</code> jest tylko zdefiniowana jeśli zmienna <code>num</code> równa się 0. Jeśli <code>num</code> nie jest równe 0, funkcja nie jest zdefiniowana i jakiekolwiek inne próby nie zostaną wykonane.</p> +<p>Oprócz opisanego tu definiowania funkcji, możliwe jest także definiowanie <a href="/pl/docs/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Function_Object" title="Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Function_Object">Function objects</a>.</p> +<p>Metoda jest to połączenie funkcji z obiektem. Możesz się nauczyć więcej o obiektach i metodach w <a href="/pl/docs/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_function" title="Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_function">Obiekt function</a></p> +<p>Funkcja może być także zdefiniowana wewnątrz wyrażenia. Jest to nazwane wyrażeniem funkcyjnym. Typowo takie funkcje są anonimowe - nie mają nazwy. Na przykład, funkcja <code>square</code> może być zdefiniowana jako:</p> +<pre>const square = function(number) {return number * number}; +</pre> +<p>To jest konwencja kiedy przekazujesz jako funkcję jako argument do następnej funkcji. Następujący przykład pokazuje mapę funkcji będących zdefiniowanymi i następnie nazwane z funkcją, a jako pierwszą funkcją będzie parametr:</p> +<pre>function map(f,a) { + var result=new Array; + for (var i = 0; i != a.length; i++) + result[i] = f(a[i]); + return result; +} +</pre> +<p>Wywołuje:</p> +<pre>map(function(x) {return x * x * x}, [0, 1, 2, 5, 10]); +</pre> +<p>Zwraca {{ mediawiki.external('0, 1, 8, 125, 1000') }}.</p> diff --git a/files/pl/conflicting/web/javascript/guide/functions_14ccabf533660cb9d0794a5a93287159/index.html b/files/pl/conflicting/web/javascript/guide/functions_14ccabf533660cb9d0794a5a93287159/index.html new file mode 100644 index 0000000000..30a279079a --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_14ccabf533660cb9d0794a5a93287159/index.html @@ -0,0 +1,27 @@ +--- +title: Funkcje escape i unescape +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_escape_i_unescape +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: >- + Web/JavaScript/Guide/Obsolete_Pages/Predefined_Functions/escape_and_unescape_Functions +--- +<p> +</p> +<h3 id="Funkcje_escape_i_unescape" name="Funkcje_escape_i_unescape"> Funkcje <code>escape</code> i <code>unescape</code> </h3> +<p>Funkcje <code>escape</code> i <code>unescape</code> kodują i dekodują wartość łańcuchową. Funkcja <code>escape</code> zwraca kodowanie szesnastkowe argumentu ustawiając czcionki ISO Latin. Funkcja <code>unescape</code> zwraca wartość łańcuchową jako ASCII - czyli specyficzną wartością kodowania szesnastkowego. +</p><p>Składnia tych funkcji: +</p> +<pre>escape(string) +unescape(string) +</pre> +<p>Funkcje używamy przede wszystkim po stronie serwera, JavaScript koduje i dekoduje nazwy/wartości par w URL. +</p><p>Funkcje <code>escape</code> i <code>unescape</code> nie pracują dla znaków nie znajdujących się w ASCII, które są deprecated. W JavaScript 1.5 i późniejszych wydaniach, używają <code>encodeURI</code>, <code>decodeURI</code>, <code>encodeURIComponent</code>, i <code>decodeURIComponent</code>. +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Functions/escape_and_unescape_Functions", "es": "es/Gu\u00eda_JavaScript_1.5/Funciones_predefinidas/Funciones_escape_y_unescape", "fr": "fr/Guide_JavaScript_1.5/Fonctions_pr\u00e9d\u00e9finies/Les_fonctions_escape_et_unescape", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Functions/escape_and_unescape_Functions" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/functions_2af756c37808c2f8e09add6cc9618178/index.html b/files/pl/conflicting/web/javascript/guide/functions_2af756c37808c2f8e09add6cc9618178/index.html new file mode 100644 index 0000000000..1f5191c526 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_2af756c37808c2f8e09add6cc9618178/index.html @@ -0,0 +1,25 @@ +--- +title: Funkcja isFinite +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isFinite +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Predefined_Functions/isFinite_Function +--- +<p> +</p> +<h3 id="Funkcja_isFinite" name="Funkcja_isFinite"> Funkcja <code><b>isFinite</b></code> </h3> +<p>Funkcja <code><b>isFinite</b></code> sprawdza argument do momentu ustalenia czy jest liczbą skończona. Składnia <code><b>isFinite</b></code>: +</p> +<pre>isFinite(number) +</pre> +<p>gdzie: <code><b>number</b></code> jest liczbą, która jest sprawdzana. </p><p>Jeśli argument jest <code><b>NaN</b></code>, plus nieskończoność lub minus nieskończoność, to ta metoda zwraca <code><b>false</b></code>, w innych przypadkach zwraca <code><b>true</b></code>. +</p><p>Następujący kod sprawdza klienta wejścia i ustala czy to jest liczba skończona. </p> +<pre>if(isFinite(ClientInput) == true) +{ + /* wykonaj odpowiednie kroki */ +} +</pre> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Functions/isFinite_Function", "fr": "fr/Guide_JavaScript_1.5/Fonctions_pr\u00e9d\u00e9finies/La_fonction_isFinite", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Functions/isFinite_Function" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/functions_403e991db3105a03e0afc1a3cc821a01/index.html b/files/pl/conflicting/web/javascript/guide/functions_403e991db3105a03e0afc1a3cc821a01/index.html new file mode 100644 index 0000000000..8a9cd42575 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_403e991db3105a03e0afc1a3cc821a01/index.html @@ -0,0 +1,46 @@ +--- +title: Wywołanie funkcji +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Wywołanie_funkcji +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Calling_Functions +--- +<p> </p> + +<h3 id="Wywo.C5.82anie_funkcji" name="Wywo.C5.82anie_funkcji">Wywołanie funkcji</h3> + +<p>Definiowanie funkcji nie powoduje ich wykonania. Definiowanie funkcji po prostu ją wywołuje oraz określa co dana funkcja ma robić po wywołaniu. <em>Wywołanie</em> funkcji określa właściwą akcje z ustalonymi parametrami. Dla przykładu, gdy chcesz zdefiniować funkcje potęgowania należałoby wywołać ją następująco:</p> + +<pre>square(5) +</pre> + +<p>Powyższe stwierdzenie wywołuje funkcje z argumentem 5. Funkcja zostaje wykonana i zwraca wartość równą 25.</p> + +<p>Argumenty funkcji nie ograniczają się wyłącznie do łańcuchów znaków lub liczb. Można również przekazywać całe obiekty. Funkcja <code>show_props</code> (zdefiniowane w <a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_i_w%C5%82asno%C5%9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_i_własności">obiekty i własności</a>) może posłużyć za przykład funkcji, gdzie argumentem jest obiekt.</p> + +<p>Funkcja może być rekurencyjna tj. wywoływać samą siebie. Przykładem może być funkcja licząca silnię:</p> + +<pre>function silnia(n) { + if ((n == 0) || (n == 1)) + return 1 + else { + var result = (n * silnia(n-1) ); + return result + } +} +</pre> + +<p>Można policzyć silnię od 1 do 5:</p> + +<pre>a=silnia(1) // zwraca 1 +b=silnia(2) // zwraca 2 +c=silnia(3) // zwraca 6 +d=silnia(4) // zwraca 24 +e=silnia(5) // zwraca 120 +</pre> + +<p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Calling_Functions", "fr": "fr/Guide_JavaScript_1.5/Appel_de_fonctions", "ja": "ja/Core_JavaScript_1.5_Guide/Calling_Functions" } ) }}</p> diff --git a/files/pl/conflicting/web/javascript/guide/functions_74f4afa40d626fed3cf9277e30d6d211/index.html b/files/pl/conflicting/web/javascript/guide/functions_74f4afa40d626fed3cf9277e30d6d211/index.html new file mode 100644 index 0000000000..c474f760c8 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_74f4afa40d626fed3cf9277e30d6d211/index.html @@ -0,0 +1,28 @@ +--- +title: Funkcje Number i String +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_Number_i_String +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: >- + Web/JavaScript/Guide/Obsolete_Pages/Predefined_Functions/Number_and_String_Functions +--- +<p> +</p> +<h3 id="Funkcje_Number_i_String" name="Funkcje_Number_i_String"> Funkcje <code><b>Number</b></code> i <code><b>String</b></code> </h3> +<p>Funkcja <code><b>Number</b></code> i <code><b>String</b></code> przekonwertuje na obiekt numeryczny lub łańcuch znaków. Składnia tej funkcji to: +</p> +<pre>Number(objRef) +String(objRef) +</pre> +<p>gdzie: <code><b>objRef</b></code> jest wskaźnikiem funkcji. +</p><p>Następny przykład przekonwertuje obiekt <code><b>Date</b></code> na możliwy do odczytu łańcuch znaków. +</p> +<pre>D = new Date (430054663215) +// Następnie zwraca +// "Thu Aug 18 04:37:43 GMT-0700 (Pacific Daylight Time) 1983" +x = String(D) +</pre> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Functions/Number_and_String_Functions", "es": "es/Gu\u00eda_JavaScript_1.5/Funciones_predefinidas/Funciones_Number_y_String", "fr": "fr/Guide_JavaScript_1.5/Fonctions_pr\u00e9d\u00e9finies/Les_fonctions_Number_et_String", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Functions/Number_and_String_Functions" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/functions_8b84da88e673c0774c4f504a9be67268/index.html b/files/pl/conflicting/web/javascript/guide/functions_8b84da88e673c0774c4f504a9be67268/index.html new file mode 100644 index 0000000000..a4aa3da4be --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_8b84da88e673c0774c4f504a9be67268/index.html @@ -0,0 +1,30 @@ +--- +title: Funkcja isNaN +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isNaN +tags: + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Predefined_Functions/isNaN_Function +--- +<p> +</p> +<h3 id="Funkcja_isNaN" name="Funkcja_isNaN"> Funkcja isNaN </h3> +<p>Funkcja <code><b>isNaN</b></code> ocenia argument do określenia jeśli jest "NaN" (nie numer). Składnia <code><b>isNaN</b></code>: +</p> +<pre>isNaN(testValue) +</pre> +<p>gdzie: <code><b>testValue</b></code> jest wartością do oceny. +</p><p>Funkcje <code><b>parseFloat</b></code> i <code><b>parseInt</b></code> zwracają "NaN", kiedy ocenią wartość, że to nie jest numer. <code><b>isNaN</b></code> zwraca true jeśli przyjmie "NaN," i false w przeciwnym wypadku. +</p><p>Następujący kod sprawdza wartość <code><b>floatValue</b></code>, potrafi określić czy to jest liczba, a następnie nazywa odpowiednią procedurę: +</p> +<pre>floatValue=parseFloat(toFloat) + +if (isNaN(floatValue)) { + notFloat() +} else { + isFloat() +} +</pre> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Functions/isNaN_Function", "fr": "fr/Guide_JavaScript_1.5/Fonctions_pr\u00e9d\u00e9finies/La_fonction_isNaN", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Functions/isNaN_Function" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/functions_90ea47f6d07003af2efc0a1756da41e2/index.html b/files/pl/conflicting/web/javascript/guide/functions_90ea47f6d07003af2efc0a1756da41e2/index.html new file mode 100644 index 0000000000..dc80cd2a98 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_90ea47f6d07003af2efc0a1756da41e2/index.html @@ -0,0 +1,21 @@ +--- +title: Funkcja eval +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_eval +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Predefined_Functions/eval_Function +--- +<p> +</p> +<h3 id="Funkcja_eval" name="Funkcja_eval"> Funkcja <code>eval</code> </h3> +<p>Funkcja <code>eval</code> ocenia łańcuch znaków w kodzie JavaScript bez odniesienia do osobliwego obiektu. Składnia <code>eval</code>: +</p> +<pre>eval(expr) +</pre> +<p>gdzie: <code>expr</code> jest ocenianym łańcuchem znaków. +</p><p>Jeśli łańcuch znaków reprezentuje wyrażenie, <code>eval</code> je ocenia. Jeśli argument reprezentuje jedną lub więcej instrukcji JavaScript, <code>eval</code> wykonuje instrukcję. Nie nazywaj <code>eval</code> oceniane wyrażenia arytmetyczne, gdyż JavaScript oceni wyrażenia arytmetyczne automatycznie. +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Functions/eval_Function", "fr": "fr/Guide_JavaScript_1.5/Fonctions_pr\u00e9d\u00e9finies/La_fonction_eval", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Functions/eval_Function" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/functions_915be6bbaf2578afefb6927c899d5f3d/index.html b/files/pl/conflicting/web/javascript/guide/functions_915be6bbaf2578afefb6927c899d5f3d/index.html new file mode 100644 index 0000000000..2badc2fb2d --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_915be6bbaf2578afefb6927c899d5f3d/index.html @@ -0,0 +1,29 @@ +--- +title: Funkcje parseInt i parseFloat +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_parseInt_i_parseFloat +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: >- + Web/JavaScript/Guide/Obsolete_Pages/Predefined_Functions/parseInt_and_parseFloat_Functions +--- +<p> +</p> +<h3 id="Funkcja_parseInt_i_parseFloat" name="Funkcja_parseInt_i_parseFloat"> Funkcja <code>parseInt</code> i <code>parseFloat</code> </h3> +<p>Dwie funkcje "parse", <code>parseInt</code> i <code>parseFloat</code>, zwracają wartość liczbową, gdy podano łańcuch znaków jako argument. </p><p>Składnia <code>parseFloat</code> +</p> +<pre>parseFloat(str) +</pre> +<p>gdzie <code>parseFloat</code> analizuje swój argument, łańcuch znaków <code>str</code> i próbuje zwrócić liczbę zmiennoprzecinkową. W razie napotkania symbolu innego niż znak (+ lub -), liczby (0-9), znaku dziesiętnego lub wykładnika, funkcja zwraca wartość do momentu jego wystąpienia ignorując sam symbol i wszystkie inne po nim następujące. Jeśli pierwszy znak nie może być przekonwertowany do liczby, zwrócona zostaje wartość "NaN" (nie liczba). +</p><p>Składnia <code>parseInt</code> </p> +<pre>parseInt(str [, radix]) +</pre> +<p><code>parseInt</code> analizuje swój pierwszy argument, łańcuch znaków <code>str</code> i próbuje zwrócić liczbę całkowitą o podstawie wskazanej przez drugi, opcjonalny argument <code>radix</code>. Na przykład, podstawa o wartości 10 wskazuje konwersję do liczby dziesiętnej, podstawa równa 8 do liczby ósemkowej, 16 do heksadecymalnej itd. Dla podstawy większej od 10 litery alfabetu wskazują liczby większe od 9. Na przykład, dla liczb heksadecymalnych (podstawa 16), używane są litery od A do F. +</p><p>Jeśli <code>parseInt</code> napotka w podanej podstawie symbolu, który nie jest liczbą, funkcja zwraca wartość całkowitą do momentu jego wystąpienia ignorując sam symbol i wszystkie inne po nim następujące. Jeśli pierwszy znak nie może być przekonwertowany do liczby, zwrócona zostaje wartość "NaN". Funkcja <code>parseInt</code> skraca łańcuchy znaków do wartości całkowitych. +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Functions/parseInt_and_parseFloat_Functions", "es": "es/Gu\u00eda_JavaScript_1.5/Funciones_predefinidas/Funciones_parseInt_y_parseFloat", "fr": "fr/Guide_JavaScript_1.5/Fonctions_pr\u00e9d\u00e9finies/Les_fonctions_parseInt_et_parseFloat", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Functions/parseInt_and_parseFloat_Functions" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/functions_b0ff3e89089de1f0a22029bbde807073/index.html b/files/pl/conflicting/web/javascript/guide/functions_b0ff3e89089de1f0a22029bbde807073/index.html new file mode 100644 index 0000000000..2048814532 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/functions_b0ff3e89089de1f0a22029bbde807073/index.html @@ -0,0 +1,24 @@ +--- +title: Funkcje predefiniowane +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Functions +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Predefined_Functions +--- +<p> +</p> +<h3 id="Funkcje_predefiniwane" name="Funkcje_predefiniwane"> Funkcje predefiniwane </h3> +<p>JavaScript ma kilka predefiniowanych funkcji: +</p> +<ul><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_eval"><code>eval</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isFinite"><code>isFinite</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isNaN">Funkcja <code>isNaN</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_parseInt_i_parseFloat"><code>parseInt</code> i <code>parseFloat</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_Number_i_String"><code>Number</code> i <code>String</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_escape_i_unescape"><code>encodeURI</code>, <code>decodeURI</code>, <code>encodeURIComponent</code>, i <code>decodeURIComponent</code> (wszystkie dostępne z Javascript 1.5 i późniejszym).</a> +</li></ul> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Functions", "fr": "fr/Guide_JavaScript_1.5/Fonctions_pr\u00e9d\u00e9finies", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Functions" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/grammar_and_types/index.html b/files/pl/conflicting/web/javascript/guide/grammar_and_types/index.html new file mode 100644 index 0000000000..500db9cae6 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/grammar_and_types/index.html @@ -0,0 +1,208 @@ +--- +title: Literały +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Literały +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Grammar_and_types +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Literals +--- +<p> +</p> +<h3 id="Litera.C5.82y" name="Litera.C5.82y"> Literały </h3> +<p>Literałów używa się w celu przedstawiania wartości w JavaScript. Są one ustalonymi wartościami (a nie zmiennymi), które <i>dosłownie</i> podajesz w swoim skrypcie. Ten fragment opisuje następujące typy literałów: </p> +<ul><li> {{ Anch("Literały tablicy") }} +</li><li> {{ Anch("Literały logiczne") }} +</li><li> {{ Anch("Literały zmiennoprzecinkowe") }} +</li><li> {{ Anch("Literały całkowite") }} +</li><li> {{ Anch("Literały obiektu") }} +</li><li> {{ Anch("Literały znakowe") }} +</li></ul> +<h4 id="Litera.C5.82y_tablicy" name="Litera.C5.82y_tablicy"> Literały tablicy </h4> +<p>Literał tablicy jest listą składającą się z zera lub większej liczby wyrażeń, z których każdy reprezentuje element tablicy, a które zamknięte są w nawiasach kwadratowych ([]). Tablica tworzona za pomocą literału tablicy zostaje zainicjalizowana podanymi wartościami jako jej elementami, a jej długość jest ustalone według liczby podanych argumentów. +</p><p>Poniższy przykład tworzy tablicę <code>kawy</code> z trzema elementami i o długości trzy: +</p> +<pre>kawy = ["Arabica", "Columbiana", "Zbożowa"]</pre> +<p><b>Uwaga</b> Literał tablicy jest typem inicjatora obiektu. Zobacz <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%c3%b3w/U%c5%bcywanie_inicjacji_obiektu">Używanie inicjatorów obiektu</a>. +</p><p>Jeśli tablica została utworzona przy pomocy literału w skrypcie najwyższego poziomu, JavaScript interpretuje tablicę za każdym razem, gdy przelicza wyrażenie zawierające literał tablicowy. Dodatkowo literał użyty w funkcji jest tworzony przy każdym wywołaniu funkcji. +</p><p>Literały tablicy są także obiektami <code>Array</code>. Zobacz <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Array">obiekt <code>Array</code></a>, aby uzyskać więcej informacji o obiektach <code>Array</code>. +</p><p><b>Dodatkowe przecinki w literale tablicy</b> +</p><p>Nie musisz określać w literale tablicy wszystkich elementów. Jeśli postawisz kolejno dwa przecinki, zostanie utworzony obiekt <code>array</code> z pustym miejscem dla niesprecyzowanych elementów. Poniższy przykład tworzy tablicę <code>ryba</code>: +</p> +<pre>ryba = ["Piła", , "Młot"]</pre> +<p>Tablica ta posiada dwa elementy z wartościami i jeden pusty element (wartość <code>ryba{{ mediawiki.external(0) }}</code> to "Piła", <code>ryba{{ mediawiki.external(1) }}</code> jest niezdefiniowana, a <code>ryba{{ mediawiki.external(2) }}</code> to "Młot"): +</p><p>Jeśli na końcu listy elementów umieścisz dodatkowy przecinek, jest on ignorowany. W poniższym przykładzie długość <code>tablicy</code> jest równa trzy. Nie istnieje <code>mojaLista{{ mediawiki.external(3) }}</code>. Wszystkie inne przecinki w liście wskazują nowy element. </p> +<pre>mojaLista = ['dom', , 'szkoła', ];</pre> +<p>W kolejnym przykładzie długość <code>tablicy</code> jest równa cztery; nie zdefiniowano wartości dla <code>mojaLista{{ mediawiki.external(0) }}</code> i <code>mojaLista{{ mediawiki.external(2) }}</code>. +</p> +<pre>mojaLista = [ , 'dom', , 'szkoła'];</pre> +<p>W ostatnim przykładzie długość <code>tablicy</code> wynosi cztery i brakuje mojaLista{{ mediawiki.external(1) }} i mojaLista{{ mediawiki.external(3) }}. Tylko ostatni przecinek jest ignorowany. Jest on opcjonalny. +</p> +<pre>mojaLista = ['dom', , 'szkoła', , ];</pre> +<h4 id="Litera.C5.82y_logiczne" name="Litera.C5.82y_logiczne"> Literały logiczne </h4> +<p>Typ logiczny posiada dwie wartości: <code>true</code> i <code>false</code>. +</p><p>Nie wolno mylić pierwotnych wartości logicznych <code>true</code> i <code>false</code> z wartościami prawda i fałsz (true/false) obiektu logicznego. Obiekt logiczny jest obiektem opakowującym pierwotnego typu danych logicznych. Zobacz <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Boolean">obiekt Boolean</a>, aby uzyskać więcej informacji. +</p> +<h4 id="Litera.C5.82y_ca.C5.82kowite" name="Litera.C5.82y_ca.C5.82kowite"> Literały całkowite </h4> +<p>Liczby całkowite mogą być wyrażane jako dziesiętne (podstawa 10), szesnastkowe (podstawa 16) i ósemkowe (podstawa 8). Dziesiętny literał całkowity składa się z sekwencji cyfr bez czołowego 0 (zera). Czołowe 0 (zero) w literale całkowitym wskazuje na literał ósemkowy; Czołowe 0x (lub 0X) wskazuje na literał szesnastkowy. Liczby szesnastkowe mogą zawierać cyfry od 0 do 9 oraz litery a-f lub A-F. Ósemkowe literały całkowite mogą zawierać tylko cyfry od 0 do 7. +</p><p>Ósemkowe literały całkowite są wycofywane i zostały usunięte ze 3 edycji standardu ECMA-262. JavaScript 1.5 wciąż wspiera je dla kompatybilności wstecznej. +</p><p>Przykładami literałów całkowitych są: +</p> +<pre class="eval">0, 117 i -345 (dziesiętne, podstawa 10) +015, 0001 i -077 (ósemkowe, podstawa 8) +0x1123, 0x00111 i -0xF1A7 (szesnastkowe, "hex" lub podstawa 16) +</pre> +<h4 id="Litera.C5.82y_zmiennoprzecinkowe" name="Litera.C5.82y_zmiennoprzecinkowe"> Literały zmiennoprzecinkowe </h4> +<p>Literały zmiennoprzecinkowe mogą mieć następujące części: +</p> +<ul><li> Liczbę dziesiętną całkowitą mogąca posiadać znak (poprzedzona przez "+" lub "-"), +</li><li> Znak dziesiętny ("."), +</li><li> Ułamek (kolejna liczba dziesiętna), +</li><li> Wykładnik. +</li></ul> +<p>Wykładnik stanowi "e" lub "E", po którym następuje liczba całkowita mogąca posiadać znak (poprzedzona przez "+" lub "-"). Literały zmiennoprzecinkowe muszą posiadać co najmniej jedną cyfrę; muszą także posiadać "e" (lub "E") bądź znak dziesiętny. +</p><p>Przykładami literałów zmiennoprzecinkowych są 3.1415, -3.1E12, .1e12 i 2E-12. +</p><p>Ściślej, składnia jest następująca: +</p> +<pre class="eval">[cyfry][.cyfry][(E|e)[(+|-)]cyfry] +</pre> +<p>Na przykład: +</p> +<pre class="eval">3.14 +2345.789 +.3333333333333333333 +</pre> +<h4 id="Litera.C5.82y_obiektu" name="Litera.C5.82y_obiektu"> Literały obiektu </h4> +<p>Literał obiektu stanowi ujęta w nawias klamrowy ({}) lista składająca się z zera lub większej liczby par, które stanowią nazwa własności obiektu oraz przypisana jej wartość. Nie powinno się używać literału obiektu na początku instrukcji. Doprowadzi to do wystąpienia błędu lub nieoczekiwanych zachowań, gdyż { zostanie zinterpretowany jako początek bloku. +</p><p>Poniżej podany jest przykład literału obiektu. Pierwszy element obiektu <code>auto</code> definiuje własność <code>mojeAuto</code>; drugi element, własność <code>pobierzAuto</code>, wywołuje funkcję <code>(TypyAut("Polonez"));</code> trzeci element, własność <code>specjalne</code>, używa istniejącej zmiennej (<code>Sprzedaz</code>). +</p> +<pre>var Sprzedaz = "Toyota"; + +function TypyAut(nazwa) { + if(nazwa == "Polonez") + return nazwa; + else + return "Przykro nam, ale nie sprzedajemy marki " + nazwa + "."; +} + +auto = {mojeAuto: "Caro", pobierzAuto: TypyAut("Polonez"), specjalne: Sprzedaz} + +document.write(auto.mojeAuto); // Caro +document.write(auto.pobierzAuto); // Polonez +document.write(auto.specjalne); // Toyota</pre> +<p>Dodatkowo, możesz użyć literału znakowego lub liczbowego jako nazwy własności lub zagnieździć obiekt wewnątrz innego. Ilustruje to poniższy przykład. +</p> +<pre>auto = {wieleAut: {a: "Saab", b: "Jeep"}, 7: "Mazda"} + +document.write(auto.wieleAut.b); // Jeep +document.write(auto[7]); // Mazda +</pre> +<p>Zauważ: +</p> +<pre class="eval">foo = {a: "alfa", 2: "dwa"} +document.write (foo.a) // alfa +document.write (foo[2]) // dwa +//document.write (foo.2) // Błąd: brakuje ) po liście argumentów +//document.write (foo[a]) // Błąd: a nie jest zdefiniowane +document.write (foo["a"]) // alfa +document.write (foo["2"]) // dwa +</pre> +<h4 id="Litera.C5.82y_znakowe" name="Litera.C5.82y_znakowe"> Literały znakowe </h4> +<p>Literały znakowe to zero lub więcej znaków zamkniętych w podwójnych (") lub pojedynczych (') znacznikach cytatu. Łańcuch znaków musi być ograniczony przez znaczniki tego samego typu, a więc obydwa pojedyncze lub obydwa podwójne znaki cytatu. Poniżej umieszczono przykłady literałów znakowych: +</p> +<ul><li> "bla" +</li><li> 'bla' +</li><li> "1234" +</li><li> "jedna linia \n kolejna linia" +</li><li> "kot Ali" +</li></ul> +<p>Możesz wywołać dowolną metodę obiektu String na wartości literału znakowego - JavaScript automatycznie skonwertuje literał znakowy do tymczasowego obiektu String, wywoła metodę, a następnie pozbędzie się tymczasowego obiektu String. Możesz również użyć własności <code>String.length</code> z literałem znakowym: +</p> +<ul><li> "kot Ali".length +</li></ul> +<p>Powinieneś użyć literału znakowego, chyba że potrzebujesz szczególnie obiektu String. Zobacz <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_String">obiekt String</a>, aby uzyskać szczegółowe informacje o obiektach String. +</p> +<h5 id="U.C5.BCywanie_specjalnych_znak.C3.B3w_w_.C5.82a.C5.84cuchach" name="U.C5.BCywanie_specjalnych_znak.C3.B3w_w_.C5.82a.C5.84cuchach"> Używanie specjalnych znaków w łańcuchach </h5> +<p>Dodatkowo oprócz znaków zwykłych możesz także włączyć do łańcuchów specjalne znaki, tak jak pokazano w przykładzie: </p> +<pre>"pierwsza linia \n następna linia"</pre> +<p>Poniższa tabela przedstawia znaki specjalne, które możesz użyć w łańcuchach znaków JavaScript. +</p> +<table class="fullwidth-table"> +<tbody><tr> +<th>Znak</th> +<th>Znaczenie</th> +</tr> +<tr> +<td><b>\b</b></td> +<td>Backspace</td> +</tr> +<tr> +<td><b>\f</b></td> +<td>Nowa strona</td> +</tr> +<tr> +<td><b>\n</b></td> +<td>Nowa linia</td> +</tr> +<tr> +<td><b>\r</b></td> +<td>Powrót karetki</td> +</tr> +<tr> +<td><b>\t</b></td> +<td>Tabulacja</td> +</tr> +<tr> +<td><b>\v</b></td> +<td>Tabulacja pionowa</td> +</tr> +<tr> +<td><b>\'</b></td> +<td>Apostrof lub pojedynczy cudzysłów</td> +</tr> +<tr> +<td><b>\"</b></td> +<td>Podwójny cudzysłów</td> +</tr> +<tr> +<td><b>\\</b></td> +<td>Lewy ukośnik (\).</td> +</tr> +<tr> +<td><b>\<i>XXX</i></b></td> +<td>Znaki z kodowaniem Latin-1 określone przez do trzech cyfrósemkowych <i>XXX</i> pomiędzy 0 i 377. Na przykład \251 jest sekwencją ósemkową dla symbolu copyright.</td> +</tr> +<tr> +<td><b>\x<i>XX</i></b></td> +<td>Znaki z kodowaniem Latin-1 określone przez dwie cyfry szesnastkowe <i>XX</i> pomiędzy 00 i FF. Na przykład \xA9 jest szesnastkową sekwencją dla symbolu copyright.</td> +</tr> +<tr> +<td><b>\u<i>XXXX</i></b></td> +<td>Znak Unicode określony przez cztery cyfry szesnastkowe <i>XXXX</i>. Na przykład \u00A9 jest sekwencją Unicode dla symbolu copyright. Zobacz <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Unicode#Sekwencje_ucieczki_do_Unicode">Sekwencje ucieczki do Unicode</a>.</td> +</tr> +</tbody></table> +<p><small><b>Tabela 2.1: Znaki specjalne w JavaScript</b></small> +</p> +<h5 id="Znaki_ucieczki" name="Znaki_ucieczki"> Znaki ucieczki </h5> +<p>Dla znaków niewymienionych w tabeli powyżej, poprzedzający znak backslash jest ignorowany, ale użycie tego jest wycofywane i powinno być unikane. +</p><p>Możesz wstawić znak cudzysłowu wewnątrz łańcucha znaków poprzedzając go znakiem backslash. Znane jest to jako <i>kodowanie</i> (<i>escaping</i>) znaków cudzysłowu. Na przykład: +</p> +<pre>var quote = "He read \"The Cremation of Sam McGee\" by R.W. Service." +document.write(quote) +</pre> +<p>Rezultatem tego będzie: +</p> +<pre>He read "The Cremation of Sam McGee" by R.W. Service. +</pre> +<p>Aby użyć literału backslash w łańcuchu znaków, musisz zastosować znak backslash. Na przykład, aby przydzielić plikowi ścieżkę <code><b>c:\temp</b></code> do łańcucha znaków, użyj następującej konstrukcji: +</p> +<pre>var home = "c:\\temp " +</pre> +<p>{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Stałe", "Przewodnik po języku JavaScript 1.5:Unicode") }} +</p><p><br> +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Literals", "es": "es/Gu\u00eda_JavaScript_1.5/Literales", "fr": "fr/Guide_JavaScript_1.5/Constantes_litt\u00e9rales", "ja": "ja/Core_JavaScript_1.5_Guide/Literals", "ko": "ko/Core_JavaScript_1.5_Guide/Literals", "zh-cn": "cn/Core_JavaScript_1.5_Guide/\u6587\u672c\u5316" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/grammar_and_types_0f7acbcd2fa8bfb327628638da4e5166/index.html b/files/pl/conflicting/web/javascript/guide/grammar_and_types_0f7acbcd2fa8bfb327628638da4e5166/index.html new file mode 100644 index 0000000000..2ab37e779b --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/grammar_and_types_0f7acbcd2fa8bfb327628638da4e5166/index.html @@ -0,0 +1,111 @@ +--- +title: Unicode +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Unicode +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Grammar_and_types +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Unicode +--- +<p> +</p> +<h3 id="Unicode" name="Unicode"> Unicode </h3> +<p>Unicode jest uniwersalnym standardem kodowania znaków, dzięki któremu można wyświetlać znaki charakterystyczne dla różnych języków. Obejmuje języki Ameryki, Europy, Środkowego wschodu, Afryki, Indii, Azji i języki pacyficzne (ponadregionalne), ale również inne symbole historyczne czy techniczne. Unicode zamienia, konwertuje i wyświetla wielojęzyczne teksty, symbole techniczne i matematyczne a dzięki temu rozwiązuje wiele międzynarodowych problemów językowych w systemach obliczeniowych związanych ze standardami charakterystycznymi dla konkretnych narodów. Jednak nie wszystkie nowoczesne lub archaiczne języki są obecnie wspierane. +</p><p>Zestaw znaków Unicode może być używany praktycznie we wszystkich znanych typach kodowania. Unicode jest modelowany podobnie jak w zestawach znaków ASCII (Amerykański standardowy kod wymiany informacji). Używa opisu literowego i liczbowej wartości dla każdego kodowanego znaku. 16 bitowa wartość jest definiowana jako liczba w systemie szesnastkowym wraz z przedrostkiem <b>U</b> na przykład , <b>U+0041</b> przedstawia <b>A</b>, a unikalna nazw dla tej wartości to <b>LATIN CAPITAL LETTER A</b>. </p><p><b>Nie jest wspierany w wersjach JavaScript wcześniejszych niż 1.3.</b> </p> +<h4 id="Unicode_zgodny_z_ASCII_i_ISO" name="Unicode_zgodny_z_ASCII_i_ISO"> Unicode zgodny z ASCII i ISO </h4> +<p>Unicode jest zgodny z kodami ASCII i jest wspierany przez wiele programów. Pierwsze 128 znaków Unicode odpowiadają kodom ASCII i mają tę samą wartość bajtu. W Unicode, przykładowo, znaki <i>U+0020</i> i <i>U+007E</i> są równoważne w ASCII znakom <i>0x20</i> i <i>0x7E</i> . Nieco inaczej jest w ASCII, który wspiera łaciński alfabet i używa siedmiobitowego zestawu znaków. Unicode używa szesnastobitowych wartości dla każdego znaku i uwzględnia dziesięć tysięcy znaków. Rozszerzony mechanizm UTF 16, uwzględnia kodowanie miliona znaków więcej, przez używanie 16 bitowych par. </p><p><i>Unicode</i> jest w pełni zgodny z międzynarodowym standardowym ISO/IEC 10646 1; 1993 , który jest podzbiorem ISO 10646 i wspiera ISO Ucs 2, który używa dwu oktetów (dwóch bajtów albo 16 bitów). </p><p>JavaScript i Nawigator wspiera Unicode dzięki czemu można używać w JavaScript-ie niełacińskich, międzynarodowych i lokalnych znaków, oraz specjalistycznych symboli technicznych oraz pozwala kodować wielojęzyczny tekst. Odkąd Unicode jest zgodny z ASCII, programy mogą używać znaków ASCII. W komentarzach używać możemy znaków Unicode nie ASCII, literałów string, identyfikatorów i wcześniejszych wyrażeń, i wyrażeń regularnych JavaScript-u. +</p> +<h4 id="Sekwencje_ucieczki_do_Unicode" name="Sekwencje_ucieczki_do_Unicode"> Sekwencje ucieczki do Unicode </h4> +<p>Możesz użyć sekwencje ucieczki do Unicode w literałach łańcuchowych, wyrażeniach regularnych i identyfikatorach. Sekwencja ucieczki sześciu znaków ASCII: <b>\u</b> i czterocyfrowa liczba heksadecymalna. Na przykład, <b>\u00A9</b> reprezentuje symbol <i>copyright</i>. Każda sekwencja ucieczki Unicode w JavaScript-ie jest interpretowana jako jeden znak. +</p><p>Następujący kod zawiera symbol <i>copyright</i> i napis "<i>Netscape Communications</i>". +</p> +<pre>x="\u00A9 Netscape Communications"</pre> +<p>Następująca tabela jest listą często używanych specjalnych znaków i ich wartości Unicode. </p> +<table class="fullwidth-table"> +<tbody><tr> +<th>Kategoria</th> +<th>Wartość Unicode</th> +<th>Nazwa</th> +<th>Nazwa formatowania</th> +</tr> +<tr> +<td>Białe spacje</td> +<td><b>\u0009</b></td> +<td><b>Tab</b></td> +<td><<b>TAB></b></td> +</tr> +<tr> +<td> </td> +<td><b>\u000B</b></td> +<td><b>Pionowy tabulator</b></td> +<td><b><VT></b></td> +</tr> +<tr> +<td> </td> +<td><b>\u000C</b></td> +<td><b>Z kanału</b></td> +<td><b><FF></b></td> +</tr> +<tr> +<td> </td> +<td><b>\u0020</b></td> +<td><b>Spacja</b></td> +<td><b><SP></b></td> +</tr> +<tr> +<td>Linia kończąca wartość</td> +<td><b>\u000A</b></td> +<td><b>Line Feed</b></td> +<td><b><LF></b></td> +</tr> +<tr> +<td> </td> +<td><b>\u000D</b></td> +<td><b>Powrót karetki</b></td> +<td><b><CR></b></td> +</tr> +<tr> +<td>Dodatkowe znaki ucieczki Unicode</td> +<td><b>\u0008</b></td> +<td><b>Backspace</b></td> +<td><b><BS></b></td> +</tr> +<tr> +<td> </td> +<td><b>\u0009</b></td> +<td><b>Poziomy tabulator</b></td> +<td><b><HT></b></td> +</tr> +<tr> +<td> </td> +<td><b>\u0022</b></td> +<td><b>Podwójny cudzysłów</b></td> +<td>"</td> +</tr> +<tr> +<td> </td> +<td><b>\u0027</b></td> +<td><b>Pojedynczy cudzysłów</b></td> +<td>'</td> +</tr> +<tr> +<td> </td> +<td><b>\u005C</b></td> <td><b>Backslash</b></td> +<td><b>\</b></td> +</tr> +</tbody></table> +<p><small><b>Tabela: Wartości Unicode dla specjalnych czcionek</b></small> +</p><p>JavaScript używa sekwencje znaku ucieczki Unicode i jest ona inna niż w Javie. W JavaScript-ie, sekwencja ucieczki nigdy nie interpretuje jako pierwsza znaków specjalnych. Przykładowo, znak końca linii sekwencji ucieczki nie zakańcza ciągu zanim nie jest on zinterpretowany przez funkcje. JavaScript ignoruje każdą sekwencje ucieczki, jeśli jest ona użyta w komentarzu. W Javie, jeśli sekwencja ucieczki używana jest w pojedynczej linii komentarza interpretowana jest wtedy jako znak Unicode. W ciągu literałów kompilator Javy interpretuje wpierw sekwencje ucieczki. Przykładowo, w przypadku użycia w Javie znaku końca linii (\u000A), zakańcza on literał ciągu. W Javie doprowadza to do wystąpienia błędu, ponieważ znaki końca linii nie są dozwolone w literałach ciągów. Musisz użyć \n do zakończenia linii w literałach. W JavaScript-ie sekwencja ucieczki działa tak samo jak \n. +</p> +<div class="note">Program do konwersji długich ciągów znaków <a class="external" href="http://www.hot-tips.co.uk/useful/unicode_converter.HTML">Hot-Tips' Unicode Converter</a>, autorstwa Bob Foley.</div> +<h4 id="Wy.C5.9Bwietlanie_czcionek_z_Unicode" name="Wy.C5.9Bwietlanie_czcionek_z_Unicode"> Wyświetlanie czcionek z Unicode </h4> +<p>Można używać Unicode do wyświetlania znaków w rożnych językach lub technicznych symboli. Dla poprawnego wyświetlania klient tj. Netscape Navigator 4.x lub Netscape 6 musi wspomagać Unicode. Dodatkowo odpowiednia czcionka Unicode musi być dostępna dla klienta, jak i platforma klienta musi wspomagać Unicode. Często zdarza się, że czcionki Unicode nie wyświetlają wszystkich znaków. Niektóre platformy tj. Windows 95 posiadają tylko częściowe wsparcie Unicode. +</p><p>W celu pobrania znaku typu non-ASCII klient musi go wysłać w kodzie Unicode. Używając standardowej rozszerzonej klawiatury klient nie może łatwo wyświetlić dodatkowych znaków wspieranych przez Unicode. Czasami jedynym sposobem na wyświetlenie znaków w kodzie Unicode jest użycie sekwencji ucieczki Unicode. +</p><p>Więcej informacji o Unicode, zobacz <a class="external" href="http://www.unicode.org/">Unicode Consortium Web site</a> i The Unicode Standard, Version 2.0, wydane przez Addison-Wesley, 1996. +</p><p>{{ PreviousNext("Przewodnik_po_j%C4%99zyku_JavaScript_1.5:Litera%C5%82y#Litera.C5.82y_znakowe", "Przewodnik po języku JavaScript 1.5:Wyrażenia") }} +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Unicode", "es": "es/Gu\u00eda_JavaScript_1.5/Unicode", "fr": "fr/Guide_JavaScript_1.5/Unicode", "ja": "ja/Core_JavaScript_1.5_Guide/Unicode", "ko": "ko/Core_JavaScript_1.5_Guide/Unicode" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/grammar_and_types_14ae50e0032f9c0db4fe484288797da6/index.html b/files/pl/conflicting/web/javascript/guide/grammar_and_types_14ae50e0032f9c0db4fe484288797da6/index.html new file mode 100644 index 0000000000..3aad9ebd60 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/grammar_and_types_14ae50e0032f9c0db4fe484288797da6/index.html @@ -0,0 +1,64 @@ +--- +title: Zmienne +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Zmienne +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Grammar_and_types +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Variables +--- +<p> </p> +<p><span class="comment">Trzeba całość wyczyścić i uzgodnić z wersją EN: zmiany 06-2006</span></p> +<h3 id="Zmienne" name="Zmienne">Zmienne</h3> +<p>Zmiennych używa się jako symbolicznych nazw dla wartości w Twojej aplikacji. Nazwy zmiennych, nazywane <em>identyfikatorami</em>, podporządkowane są pewnym regułom.</p> +<p><em>Identyfikator</em> JavaScript musi zaczynać się literą, podkreśleniem (_) lub znakiem dolara ($); kolejne znaki mogą być cyframi (0-9). Ponieważ JavaScript rozróżnia duże/małe litery, litery oznaczają znaki od "A"do "Z" (duże litery) oraz znaki od "a" do "z" (małe litery).</p> +<p>Poczynając od JavaScript 1.5, w identyfikatorze możesz używać znaków ISO 8859-1 lub Unicode takich jak å czy ą. Jako znaków w identyfikatorze możesz także używać \uXXXX - sekwencji ucieczki Unicode wypisanych na stronie <a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Unicode#Sekwencje_ucieczki_do_Unicode" title="pl/Przewodnik_po_języku_JavaScript_1.5/Unicode#Sekwencje_ucieczki_do_Unicode">Sekwencje ucieczki do Unicode</a>.</p> +<p>Niektóre przykłady prawidłowych nazw to <code>Number_hits</code>, <code>temp99</code> i <code>_name</code>.</p> +<h4 id="Deklaracja_zmiennych" name="Deklaracja_zmiennych">Deklaracja zmiennych</h4> +<p>Możesz zadeklarować zmienne na dwa sposoby:</p> +<ul> <li>Za pomocą słowa kluczowego <code>var</code>. Na przykład, <code>var x = 42</code></li> <li>Poprzez proste przypisanie wartości. Na przykład, <code>x = 42</code></li> +</ul> +<h4 id="Ocena_zmiennych" name="Ocena_zmiennych">Ocena zmiennych</h4> +<p>Zmienna lub element tablicy, którym nie przypisano wartości, mają wartość <em>undefined</em>. Rezultat oceny nieprzydzielonej zmiennej zależny jest od sposobu jej deklaracji:</p> +<ul> <li>Jeśli nieprzydzielona zmienna została zadeklarowana bez <code>var</code>, wynikiem oceny będzie <em>runtime error</em>.</li> <li>Jeśli nieprzydzielona zmienna została zadeklarowana z <code>var</code>, wynikiem oceny będzie wartość niezdefiniowana lub NaN w kontekstach numerycznych.</li> +</ul> +<p>Poniższy kod demonstruje ocenę nieprzydzielonych zmiennych.</p> +<pre>function f1() { + return y - 2; +} +f1() //Powoduje runtime error + +function f2() { + return var y - 2; +} +f2() //zwraca NaN +</pre> +<p>Aby określić, czy zmienna posiada wartość, możesz użyć <code>undefined</code>. W poniższym kodzie zmienna <code>input</code> nie posiada przypisanej wartości, więc instrukcja <code>if</code> przyjmuje wartość <code>true</code>.</p> +<pre>var input; +if(input === undefined){ + doThis(); +} else { + doThat(); +}</pre> +<p>Wartość <code>undefined</code> zachowuje sie jak logiczne <em>false</em> w odpowiednim kontekście (boolean). Poniższy kod wykonuje funkcję <code>myFunction</code>, ponieważ element <code>array</code> nie został zdefiniowany:</p> +<pre>myArray=new Array() +if (!myArray[0]) + myFunction()</pre> +<p>Podczas oceny wartości zmiennej <em>null</em>, wartość <em>null</em> zachowuje się jak <em>0</em> w kontekście numerycznym oraz jako false w kontekście logicznym (boolean). Na przykład:</p> +<pre>var n = null +n * 32 //zwraca 0</pre> +<h4 id="Zakres_zmiennych" name="Zakres_zmiennych">Zakres zmiennych</h4> +<p>Zmienna zadeklarowana poza jakąkolwiek funkcją nazywana jest zmienną <em>globalną</em> (<em>global</em>); staje się ona dostępna dla dowolnego kodu w bieżącym dokumencie. Zmienna zadeklarowana wewnątrz funkcji staje się zmienną <em>lokalną</em> (<em>local</em>) i dostępna będzie jedynie wewnątrz tej funkcji.</p> +<p>Użycie <code>var</code> do zadeklarowania zmiennej <em>global</em> jest opcjonalne. Jednakże, musisz użyć <code>var</code> do zadeklarowania zmiennej wewnątrz funkcji.</p> +<p>Masz dostęp do zmiennych globalnych zadeklarowanych w jednym oknie lub ramce z innego okna/ramki poprzez podanie nazwy okna/ramki. Na przykład, jeśli zmienna <code>phoneNumber</code> jest zadeklarowana w dokumencie <code>FRAMESET</code>, to można się do niej odwołać z dokumentu potomnego poprzez <code>parent.phoneNumber</code>.</p> +<h4 id="Zmienne_globalne" name="Zmienne_globalne">Zmienne globalne</h4> +<p>Zmienne globalne są w istocie własnościami <em>obiektu globalnego</em>. W stronach internetowych obiektem globalnym jest <a href="/pl/DOM/window" title="pl/DOM/window">window</a>. +<span class="comment">dodać link wewnętrzny</span> Możesz wiec ustawiać i odczytywać zmienne globalne przy użyciu składni <code>window.<em>zmienna</em></code>. Analogicznie, podając nazwę ramki lub okna, możesz uzyskać dostęp do zmiennych zadeklarowanych w tym oknie lub ramce z innego okna lub ramki. Przykładowo: jeśli zmienna nazwana <code>numerTelefonu</code> została zadeklarowana w dokumencie <code>FRAMESET</code>, możesz odwołać się do tej zmiennej z ramki podrzędnej poprzez <code>parent.numerTelefonu</code>.</p> +<p><br> +{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Wartości", "Przewodnik po języku JavaScript 1.5:Stałe") }}</p> +<p><br> +</p> + +<p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Variables", "es": "es/Gu\u00eda_JavaScript_1.5/Variables", "fr": "fr/Guide_JavaScript_1.5/Variables", "ja": "ja/Core_JavaScript_1.5_Guide/Variables", "ko": "ko/Core_JavaScript_1.5_Guide/Variables", "zh-cn": "cn/Core_JavaScript_1.5_Guide/\u53d8\u91cf" } ) }}</p> diff --git a/files/pl/conflicting/web/javascript/guide/grammar_and_types_1d6d13b355b9483ad46cf81082b7c261/index.html b/files/pl/conflicting/web/javascript/guide/grammar_and_types_1d6d13b355b9483ad46cf81082b7c261/index.html new file mode 100644 index 0000000000..7ee3aa056c --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/grammar_and_types_1d6d13b355b9483ad46cf81082b7c261/index.html @@ -0,0 +1,47 @@ +--- +title: Wartości +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Wartości +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Grammar_and_types +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Values +--- +<p> +</p> +<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci"> Wartości </h3> +<p>JavaScript rozróżnia następujące typy: +</p> +<ul><li> <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Number">Liczby (Number)</a>, takie jak 42 lub 3.14159 +</li><li> <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Boolean">Logiczne (Boolean)</a> wartość, <code>true</code> albo <code>false</code> +</li><li> <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/String">Łańcuchy znakowe (String)</a>, takie jak "Siema!" +</li><li> <code>null</code>, specjalne słowo oznaczające wartość null (pustą); <code>null</code> jest także wartością prymitywną; ponieważ JavaScript rozróżnia małe/duże litery, null to nie to samo co Null, NULL czy jakkolwiek inaczej. </li><li> <code>undefined</code> podstawowa właściwość, której wartość jest nieokreślona; <code>undefined</code> także jest wartością prymitywną. +</li></ul> +<p>Ten względnie niewielki zestaw typów wartości - lub <i>typów danych</i> - pozwala wyposażyć Twoją aplikację w wiele użytecznych funkcji. Nie występuje wyraźna różnica pomiędzy liczbami całkowitymi a wartościami rzeczywistymi, tak jak i w JavaScript nie ma w ogóle jawnego rozróżnienia typów danych. Możesz jednak, przykładowo, użyć obiektu <code>Date</code> oraz jego metod do obsługi dat. +</p><p><a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Object">Obiekty</a> i <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Function">funkcje</a> to inne podstawowe elementy języka. Obiekty można sobie wyobrazić jako nazwane pojemniki na wartości, a funkcje jako procedury, które są wykonywane przez Twoją aplikację. +</p> +<h4 id="Konwersja_typu_danych" name="Konwersja_typu_danych"> Konwersja typu danych </h4> +<p>JavaScript jest językiem programowania o dynamicznych typach. Oznacza to, że przy deklaracji zmiennej nie musisz określać jej typu. Typy danych w razie potrzeby są automatycznie konwertowane w trakcie wykonywania skryptu. Możemy, przykładowo, zadeklarować zmienną następująco: </p> +<pre class="eval"><a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Polecenia/var">var</a> odpowiedz = 42 +</pre> +<p>a później przypisać tej samej zmiennej wartość tekstową, na przykład: +</p> +<pre>odpowiedz = "Dziękuję za wszystkie ryby..." +</pre> +<p>Ponieważ JavaScript posiada dynamiczne typy, przypisanie to nie powoduje komunikatu błędu. +</p><p>W wyrażeniach z operatorem <i>+</i> zawierających wartość tekstową oraz numeryczną, JavaScript konwertuje wartości numeryczne na tekst. Przyjrzyjmy się następującym instrukcjom. </p> +<pre>x = "Odpowiedzią jest " + 42 // zwraca "Odpowiedzią jest 42" +y = 42 + " jest odpowiedzią" // zwraca "42 jest odpowiedzią" +</pre> +<p>W wyrażeniach z innymi operatorami, JavaScript nie konwertuje wartości numerycznej do postaci tekstowej. Na przykład: </p> +<pre>"37" - 7 // zwraca 30 +"37" + 7 // zwraca 377 +</pre> +<p><br> +{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Przegląd JavaScriptu", "Przewodnik po języku JavaScript 1.5:Zmienne") }} +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Values", "es": "es/Gu\u00eda_JavaScript_1.5/Valores", "fr": "fr/Guide_JavaScript_1.5/Valeurs", "ja": "ja/Core_JavaScript_1.5_Guide/Values", "ko": "ko/Core_JavaScript_1.5_Guide/Values", "zh-cn": "cn/Core_JavaScript_1.5_Guide/Values" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide/grammar_and_types_d86447bbdab858af0abf9b17c9ec9dc9/index.html b/files/pl/conflicting/web/javascript/guide/grammar_and_types_d86447bbdab858af0abf9b17c9ec9dc9/index.html new file mode 100644 index 0000000000..2629bdaafc --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/grammar_and_types_d86447bbdab858af0abf9b17c9ec9dc9/index.html @@ -0,0 +1,30 @@ +--- +title: Stałe +slug: Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Stałe +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide/Grammar_and_types +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Constants +--- +<p> </p> +<h3 id="Sta.C5.82e" name="Sta.C5.82e">Stałe</h3> +<p>Możesz utworzyć stałą (nazwaną i tylko do odczytu) za pomocą słowa kluczowego <code>const</code>. Składnia identyfikatora stałej jest taka sama, jak dla identyfikatora zmiennej: musi zaczynać się literą lub znakiem podkreślenia i obejmować znaki alfabetu lub cyfry.</p> +<pre>const prefix = '212';</pre> +<p>Stałe nie mogą podczas wykonywania skryptu zmieniać swojej wartości, ani być ponownie deklarowane.</p> +<p>Reguły zasięgu dotyczące stałych są takie same jak dla zmiennych, z wyjątkiem tego, że słowo kluczowe <code>const</code> jest wymagane zawsze, nawet dla stałych globalnych. W przypadku braku słowa kluczowego przyjmuje się, że identyfikator oznacza zmienną.</p> +<p>Nie można deklarować stałych o nazwie identycznej z nazwą zmiennej występującej w zasięgu tej samej funkcji. Na przykład:</p> +<pre>//TO SPOWODUJE BŁĄD +function f{}; +const f = 5; + +//TO RÓWNIEŻ SPOWODUJE BŁĄD +function f{ +const g=5; +var g; + +//instrukcje +}</pre> +<p>{{ PreviousNext("Przewodnik po języku JavaScript 1.5:Zmienne", "Przewodnik po języku JavaScript 1.5:Literały") }}</p> +<p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Constants", "es": "es/Gu\u00eda_JavaScript_1.5/Constantes", "fr": "fr/Guide_JavaScript_1.5/Constantes", "ja": "ja/Core_JavaScript_1.5_Guide/Constants", "ko": "ko/Core_JavaScript_1.5_Guide/Constants" } ) }}</p> diff --git a/files/pl/conflicting/web/javascript/guide/index.html b/files/pl/conflicting/web/javascript/guide/index.html new file mode 100644 index 0000000000..8b98a8450f --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/index.html @@ -0,0 +1,11 @@ +--- +title: Obsolete Pages +slug: Web/JavaScript/Guide/Obsolete_Pages +tags: + - NeedsTranslation + - TopicStub +translation_of: Web/JavaScript/Guide +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages +--- +<p>This is a list of pages that have been merged into chapters (in alphabetical order):</p> +<p>{{ tree() }}</p> diff --git a/files/pl/conflicting/web/javascript/guide/introduction/index.html b/files/pl/conflicting/web/javascript/guide/introduction/index.html new file mode 100644 index 0000000000..1f54eaca0f --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide/introduction/index.html @@ -0,0 +1,139 @@ +--- +title: O tym przewodniku +slug: Web/JavaScript/Guide/o_tym_przewodniku +translation_of: Web/JavaScript/Guide/Introduction +translation_of_original: Web/JavaScript/Guide/About +--- +<p>JavaScript jest międzyplatformowym, zorientowanym obiektowo językiem skryptowym. Poniższy przewodnik tłumaczy wszystko, co powinieneś wiedzieć abyś mógł posługiwać się JavaScriptem.</p> + +<h2 id="Nowe_opcje_w_JavaScripcie">Nowe opcje w JavaScripcie</h2> + +<p> </p> + +<ul> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.2" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.2</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.3" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.3</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.4" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.4</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.5" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.5</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.6" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.6</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.7" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.7</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.8" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.8</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.8.1" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.8.1</a></li> + <li><a class="new" href="/pl/docs/Web/JavaScript/New_in_JavaScript/1.8.5" rel="nofollow">/pl/docs/Web/JavaScript/New_in_JavaScript/1.8.5</a></li> +</ul> + +<p> </p> + +<h2 id="Co_już_powinieneś_wiedzieć">Co już powinieneś wiedzieć</h2> + +<p>Ten przewodnik zakłada że masz poniższe podstawy:</p> + +<ul> + <li>Ogólna wiedza o Internecie i sieci WWW.</li> + <li>Dobra znajomość HTML'a (<a href="/en/HTML" title="en/HTML">HTML</a>).</li> + <li>Trochę doświadczenia w programowaniu. Jeżeli go nie posiadasz, spróbuj pobawić się z którymś z tutoriali ze strony <a href="/en-US/docs/JavaScript" title="/en-US/docs/">JavaScript</a></li> +</ul> + +<h2 id="Wersje_JavaScriptu">Wersje JavaScriptu</h2> + +<table class="standard-table"> + <caption>Tabela 1 JavaScript i wersje Navigatora</caption> + <thead> + <tr> + <th scope="col">Wersja JavaScriptu</th> + <th scope="col">Wersja Navigatora</th> + </tr> + </thead> + <tbody> + <tr> + <td>JavaScript 1.0</td> + <td>Navigator 2.0</td> + </tr> + <tr> + <td>JavaScript 1.1</td> + <td>Navigator 3.0</td> + </tr> + <tr> + <td>JavaScript 1.2</td> + <td>Navigator 4.0-4.05</td> + </tr> + <tr> + <td>JavaScript 1.3</td> + <td>Navigator 4.06-4.7x</td> + </tr> + <tr> + <td>JavaScript 1.4</td> + <td> </td> + </tr> + <tr> + <td>JavaScript 1.5</td> + <td>Navigator 6.0<br> + Mozilla (open sourceowa przeglądarka)</td> + </tr> + <tr> + <td>JavaScript 1.6</td> + <td><a href="/en/Firefox_1.5_for_developers" title="en/Firefox_1.5_for_developers">Firefox 1.5</a>, inne przeglądarki oparte na Mozilli 1.8</td> + </tr> + <tr> + <td>JavaScript 1.7</td> + <td><a href="/en/Firefox_2_for_developers" title="en/Firefox_2_for_developers">Firefox 2</a>, inne przeglądarki oparte na Mozilli<span style="line-height: inherit;"> 1.8.1</span></td> + </tr> + <tr> + <td>JavaScript 1.8</td> + <td><a href="/en/Firefox_3_for_developers" title="en/Firefox_3_for_developers">Firefox 3</a>, inne przeglądarki oparte na Gecko 1.9</td> + </tr> + </tbody> +</table> + +<h2 id="Gdzie_znaleźć_informacje_o_JavaScripcie">Gdzie znaleźć informacje o JavaScripcie</h2> + +<p>Dokumentacja JavaScript zawiera następujące książki:</p> + +<ul> + <li><a href="/pl/JavaScript/Przewodnik" title="en/Core_JavaScript_1.5_Guide">Przewodnik JavaScript</a> (ten przewodnik) dostarcza informacji o języku JavaScript i jego obiektach.</li> + <li><a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">JavaScript Reference</a> dostarcza dodatkową wiedzę o języku JavaScript.</li> +</ul> + +<p>Jeżeli dopiero zaczynasz swoją przygodę z JavaScriptem, zacznij od <a href="/en/JavaScript/Guide" title="en/Core_JavaScript_1.5_Guide">Przewodnika JavaScript</a>. Jeżeli posiądziesz już podstawowe umiejętności, możesz przejśc do <a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">JavaScript Reference</a> aby zdobyć bardziej szczegółową, dogłębną wiedzę.</p> + +<h2 id="Jak_się_uczyć_JavaScriptu">Jak się uczyć JavaScriptu</h2> + +<p>Rozpoczęcie nauki JavaScriptu jest proste: wszystko czego potrzebujesz to nowoczesna przeglądarka internetowa<span style="line-height: inherit;">. Ten przewodnik zawiera skrypty działające jedynie w najnowszej wersji Firefoxa (i innych przeglądarkach opartych na Gecko), także sugerujemy używanie jego najnowszej wersji.</span></p> + +<h3 id="Interaktywny_interpreter">Interaktywny interpreter</h3> + +<p>Interaktywna konsola JavaScriptowa stanowi nieocenioną pomoc przy nauce, pozwala ona testować skrypty bez zapisywania plików i odświeżania okna przeglądarki. Konsola błędów w Firefoxie (Narzędzia-Dla twórców WWW-Konsola WWW lub też Ctrl+Shift+K) dostarcza prosty sposób by przetesować JavaScript: poprostu wpisz linijkę kodu i zatwierdź ją Enterem.</p> + +<p><img alt="Konsola www w Firefoxie 25.0.1" src="https://mdn.mozillademos.org/files/6491/konsola.jpg" style="height: 252px; width: 803px;"></p> + +<p> </p> + +<h3 id="Firebug">Firebug</h3> + +<p>Bardziej zaawansowana konsola dostępna jest po zainstalowaniu dodatku do Firefoxa o nazwie <a class="external" href="http://www.getfirebug.com/">Firebug</a>. Wyrażenia, które wprowadzisz są interpretowane jako obiekty i są połączone z innymi częsciami Firebuga. Prosty przykład: </p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/6493/firebug.jpg" style="height: 280px; width: 859px;"></p> + +<p> </p> + +<p>Użycie strzałki znajdującej się w prawym, dolnym rogu pozwala wprowadzać wielolinijkowy kod.</p> + +<p>Firebug udostępnia również zaawansowany inspektor DOM, debugger JavaScriptu oraz wiele innych, użytecznych funkcji. Kod JavaScript działający na stronie może użyć funkcji <code>console.log()</code>, służącej do wyświewtlania zawartości w konsoli Firebuga.</p> + +<h2 id="Konwencje_tekstowe_w_tym_dokumencie">Konwencje tekstowe w tym dokumencie</h2> + +<p>Aplikacje JavaScriptu działają na wielu systemach operacyjnych, informacje zawarte w tej książce odnoszą się do wszystkich tych wersji. Ścierzki do plików i katalogów zapisane są w formacie Windowsowym (z backslashami oddzielającymi nazwy folderów). Wsystemach Unixowych backslashe nalezy zastąpić slashami. </p> + +<p>Adresy URL w tym przewodniku mają następującą formę:</p> + +<p><code>http://<em>serwer</em>.<em>domena</em>/<em>sciezka</em>/<em>plik</em>.html</code></p> + +<p>W tych URLach <em>serwer</em> reprezentuje nazwę serwera, którego używasz, np. <code>test1</code> czy <code>www</code>; <em>domena</em> to nazwa Twojej domeny np. <code>netscape.com</code> czy <code>uiuc.edu</code>; <em>sciezka</em> odpowiada za lokalizację pliku na twoim serwerze zaś <em>plik</em><code>.html</code> to konkretna nazwa pliku. Ogólnie rzecz ujmując w adresie URL teksty pisane czcionką pochyłą oznacza lokalizację pliku zaś te pisane czcionką o stałej szerokości to literały. Jeżeli twój serwer ma włączony protokół SSL, zamiast używać przedrostka<span style="line-height: inherit;"> </span><code style="font-size: 14px; line-height: inherit;">http,</code><span style="line-height: inherit;"> posługiwać się będziesz </span><code style="font-size: 14px; line-height: inherit;">https</code><span style="line-height: inherit;">.</span></p> + +<p>Przewodnik ten używa następujących konwencji tekstowych:</p> + +<ul> + <li><code>Czciona o stałej szerokości</code> przedstawia przykładowy kod, jego listingi, elementy API oraz języka JavaScript (np. nazwy metod i właściwości), nazwy plików, nazwy katalogów, tagi HTML oraz każdy inny tekst, który musisz wpisać. (<code><em>Pochyła czcionka o stałej szerokości</em></code> używana jest gdy wpisujemy ścieżki w kod.)</li> + <li><em>Czcionka pochyła</em> jest używana w przypadku tytułów książek, by wyróżnić tekst, wskazać zmienną czy też lokalizację.</li> + <li><strong>Czcionka wytłuszczona</strong> wskazuje na ważne nazwy.</li> +</ul> diff --git a/files/pl/conflicting/web/javascript/guide_1093f218406d2d64ec91bb7a6bda93ce/index.html b/files/pl/conflicting/web/javascript/guide_1093f218406d2d64ec91bb7a6bda93ce/index.html new file mode 100644 index 0000000000..7a1b84d5a1 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide_1093f218406d2d64ec91bb7a6bda93ce/index.html @@ -0,0 +1,25 @@ +--- +title: Obiekty predefiniowane +slug: >- + Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane +tags: + - JavaScript + - Przewodnik_JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Predefined_Core_Objects +--- +<p> +</p> +<h3 id="Obiekty_predefiniowane" name="Obiekty_predefiniowane"> Obiekty predefiniowane </h3> +<p>Artykuł opisuje obiekty predefiniowane w JavaScript: </p> +<ul><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Array">Obiekt <code>Array</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Boolean">Obiekt <code>Boolean</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Date">Obiekt <code>Date</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_function">Obiekt <code>function</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Math">Obiekt <code>Math</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Number">Obiekt <code>Number</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_RegExp">Obiekt <code>RegExp</code></a> +</li><li> <a href="pl/Przewodnik_po_j%c4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_String">Obiekt <code>String</code></a> +</li></ul> +{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Predefined_Core_Objects", "es": "es/Gu\u00eda_JavaScript_1.5/Objetos_base_predefinidos", "fr": "fr/Guide_JavaScript_1.5/Objets_pr\u00e9d\u00e9finis", "ja": "ja/Core_JavaScript_1.5_Guide/Predefined_Core_Objects", "ko": "ko/Core_JavaScript_1.5_Guide/Predefined_Core_Objects" } ) }} diff --git a/files/pl/conflicting/web/javascript/guide_a026fc5d05de582c88d39cf9fd37870d/index.html b/files/pl/conflicting/web/javascript/guide_a026fc5d05de582c88d39cf9fd37870d/index.html new file mode 100644 index 0000000000..3e5a4b8609 --- /dev/null +++ b/files/pl/conflicting/web/javascript/guide_a026fc5d05de582c88d39cf9fd37870d/index.html @@ -0,0 +1,876 @@ +--- +title: Przewodnik po języku JavaScript 1.5 +slug: Web/JavaScript/Guide/Obsolete_Pages/Przewodnik_po_języku_JavaScript_1.5 +tags: + - AJAX + - JavaScript + - Projekt_MDC + - Przewodnik_JavaScript + - Strony_do_aktualizacji + - Wszystkie_kategorie +translation_of: Web/JavaScript/Guide +translation_of_original: Web/JavaScript/Guide/Obsolete_Pages/Table_of_Contents_2.0 +--- +<h4 id="O_tym_przewodniku" name="O_tym_przewodniku"><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/O_tym_przewodniku" title="pl/Przewodnik_po_języku_JavaScript_1.5/O_tym_przewodniku">O tym przewodniku</a></h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/O_tym_przewodniku#Nowe_mo.C5.BCliwo.C5.9Bci_tego_wydania" title="pl/Przewodnik_po_języku_JavaScript_1.5/O_tym_przewodniku#Nowe_mo.C5.BCliwo.C5.9Bci_tego_wydania">Nowe możliwości tego wydania</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/O_tym_przewodniku#Co_ju.C5.BC_powiniene.C5.9B_wiedzie.C4.87" title="pl/Przewodnik_po_języku_JavaScript_1.5/O_tym_przewodniku#Co_ju.C5.BC_powiniene.C5.9B_wiedzie.C4.87">Co już powinieneś wiedzieć</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/O_tym_przewodniku#Wersje_JavaScriptu" title="pl/Przewodnik_po_języku_JavaScript_1.5/O_tym_przewodniku#Wersje_JavaScriptu">Wersje JavaScriptu</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/O_tym_przewodniku#Gdzie_szuka.C4.87_informacji_o_JavaScripcie" title="pl/Przewodnik_po_języku_JavaScript_1.5/O_tym_przewodniku#Gdzie_szuka.C4.87_informacji_o_JavaScripcie">Gdzie szukać informacji o JavaScripcie</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/O_tym_przewodniku#Konwencje_dokumentu" title="pl/Przewodnik_po_języku_JavaScript_1.5/O_tym_przewodniku#Konwencje_dokumentu">Konwencje dokumentu</a></dd> +</dl> + +<h4 id="Przegl.C4.85d_JavaScriptu" name="Przegl.C4.85d_JavaScriptu"><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Przegl%C4%85d_JavaScriptu" title="pl/Przewodnik_po_języku_JavaScript_1.5/Przegląd_JavaScriptu">Przegląd JavaScriptu</a></h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Przegl%C4%85d_JavaScriptu#Czym_jest_JavaScript.3F" title="pl/Przewodnik_po_języku_JavaScript_1.5/Przegląd_JavaScriptu#Czym_jest_JavaScript.3F">Czym jest JavaScript?</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Przegl%C4%85d_JavaScriptu#JavaScript_i_Java" title="pl/Przewodnik_po_języku_JavaScript_1.5/Przegląd_JavaScriptu#JavaScript_i_Java">JavaScript i Java</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Przegl%C4%85d_JavaScriptu#JavaScript_i_specyfikacja_ECMA" title="pl/Przewodnik_po_języku_JavaScript_1.5/Przegląd_JavaScriptu#JavaScript_i_specyfikacja_ECMA">JavaScript i specyfikacja ECMA</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Przegl%C4%85d_JavaScriptu#Zwi.C4.85zek_pomi.C4.99dzy_JavaScript.2C_a_wersj.C4.85_ECMA" title="pl/Przewodnik_po_języku_JavaScript_1.5/Przegląd_JavaScriptu#Zwi.C4.85zek_pomi.C4.99dzy_JavaScript.2C_a_wersj.C4.85_ECMA">Związek pomiędzy JavaScript, a wersją ECMA</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Przegl%C4%85d_JavaScriptu#Dokumentacja_JavaScript_w_por.C3.B3wnaniu_ze_specyfikacj.C4.85_ECMA" title="pl/Przewodnik_po_języku_JavaScript_1.5/Przegląd_JavaScriptu#Dokumentacja_JavaScript_w_por.C3.B3wnaniu_ze_specyfikacj.C4.85_ECMA">Dokumentacja JavaScript w porównaniu ze specyfikacją ECMA</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Przegl%C4%85d_JavaScriptu#Terminologia_JavaScriptu_i_ECMA" title="pl/Przewodnik_po_języku_JavaScript_1.5/Przegląd_JavaScriptu#Terminologia_JavaScriptu_i_ECMA">Terminologia JavaScriptu i ECMA</a></dd> + </dl> + </dd> +</dl> + +<h4 id="Funkcjonalno.C5.9B.C4.87_j.C4.99zyka" name="Funkcjonalno.C5.9B.C4.87_j.C4.99zyka">Funkcjonalność języka</h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Warto%C5%9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Wartości">Wartości</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Warto%C5%9Bci#Konwersja_typu_danych" title="pl/Przewodnik_po_języku_JavaScript_1.5/Wartości#Konwersja_typu_danych">Konwersja typu danych</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zmienne" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zmienne">Zmienne</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zmienne#Deklaracja_zmiennych" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zmienne#Deklaracja_zmiennych">Deklaracja zmiennych</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zmienne#Ocena_zmiennych" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zmienne#Ocena_zmiennych">Ocena zmiennych</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zmienne#Zakres_zmiennych" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zmienne#Zakres_zmiennych">Zakres zmiennych</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Sta%C5%82e" title="pl/Przewodnik_po_języku_JavaScript_1.5/Stałe">Stałe</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Litera%C5%82y" title="pl/Przewodnik_po_języku_JavaScript_1.5/Literały">Literały</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Litera%C5%82y#Litera.C5.82y_tablicy" title="pl/Przewodnik_po_języku_JavaScript_1.5/Literały#Litera.C5.82y_tablicy">Literały tablicy</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Litera%C5%82y#Litera.C5.82y_logiczne" title="pl/Przewodnik_po_języku_JavaScript_1.5/Literały#Litera.C5.82y_logiczne">Literały logiczne</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Litera%C5%82y#Litera.C5.82y_ca.C5.82kowite" title="pl/Przewodnik_po_języku_JavaScript_1.5/Literały#Litera.C5.82y_ca.C5.82kowite">Literały całkowite</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Litera%C5%82y#Litera.C5.82y_zmiennoprzecinkowe" title="pl/Przewodnik_po_języku_JavaScript_1.5/Literały#Litera.C5.82y_zmiennoprzecinkowe">Literały zmiennoprzecinkowe</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Litera%C5%82y#Litera.C5.82y_obiektu" title="pl/Przewodnik_po_języku_JavaScript_1.5/Literały#Litera.C5.82y_obiektu">Literały obiektu</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Litera%C5%82y#Litera.C5.82y_znakowe" title="pl/Przewodnik_po_języku_JavaScript_1.5/Literały#Litera.C5.82y_znakowe">Literały znakowe</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Unicode" title="pl/Przewodnik_po_języku_JavaScript_1.5/Unicode">Unicode</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Unicode#Unicode_zgodny_z_ASCII_i_ISO" title="pl/Przewodnik_po_języku_JavaScript_1.5/Unicode#Unicode_zgodny_z_ASCII_i_ISO">Unicode zgodny z ASCII i ISO</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Unicode#Sekwencje_ucieczki_do_Unicode" title="pl/Przewodnik_po_języku_JavaScript_1.5/Unicode#Sekwencje_ucieczki_do_Unicode">Sekwencje ucieczki do Unicode</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Unicode#Wy.C5.9Bwietlanie_czcionek_z_Unicode" title="pl/Przewodnik_po_języku_JavaScript_1.5/Unicode#Wy.C5.9Bwietlanie_czcionek_z_Unicode">Wyświetlanie czcionek z Unicode</a></dd> + </dl> + </dd> +</dl> + +<h4 id="Wyra.C5.BCenia_i_operatory" name="Wyra.C5.BCenia_i_operatory">Wyrażenia i operatory</h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Wyra%C5%BCenia" title="pl/Przewodnik_po_języku_JavaScript_1.5/Wyrażenia">Wyrażenia</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory">Operatory</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory/Operatory_przypisania" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_przypisania">Operatory przypisania</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory/Operatory_por%C3%B3wnania" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_porównania">Operatory porównania</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory/Operatory_arytmetyczne" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_arytmetyczne">Operatory arytmetyczne</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory/Operatory_bitowe" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_bitowe">Operatory bitowe</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory/Operatory_logiczne" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_logiczne">Operatory logiczne</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory/Operacje_na_%C5%82a%C5%84cuchach" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operacje_na_łańcuchach">Operacje na łańcuchach</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory/Operatory_specjalne" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory/Operatory_specjalne">Operatory specjalne</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Operatory#Pierwsze.C5.84stwo_operator.C3.B3w" title="pl/Przewodnik_po_języku_JavaScript_1.5/Operatory#Pierwsze.C5.84stwo_operator.C3.B3w">Pierwszeństwo operatorów</a></dd> + </dl> + </dd> +</dl> + +<h4 id="Wyra.C5.BCenia_regularne" name="Wyra.C5.BCenia_regularne">Wyrażenia regularne</h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_wyra%C5%BCenia_regularnego" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_wyrażenia_regularnego">Tworzenie wyrażenia regularnego</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zapisywanie_wzorca_wyra%C5%BCenia_regularnego" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zapisywanie_wzorca_wyrażenia_regularnego">Zapisywanie wzorca wyrażenia regularnego</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zapisywanie_wzorca_wyra%C5%BCenia_regularnego#U.C5.BCywanie_prostego_wzoru" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zapisywanie_wzorca_wyrażenia_regularnego#U.C5.BCywanie_prostego_wzoru">Używanie prostego wzoru</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zapisywanie_wzorca_wyra%C5%BCenia_regularnego#U.C5.BCywanie_specjalnych_znak.C3.B3w" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zapisywanie_wzorca_wyrażenia_regularnego#U.C5.BCywanie_specjalnych_znak.C3.B3w">Używanie specjalnych znaków</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zapisywanie_wzorca_wyra%C5%BCenia_regularnego#U.C5.BCywanie_nawias.C3.B3w" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zapisywanie_wzorca_wyrażenia_regularnego#U.C5.BCywanie_nawias.C3.B3w">Używanie nawiasów</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_wyra%C5%BCeniami_regularnymi" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_wyrażeniami_regularnymi">Praca z wyrażeniami regularnymi</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_wyra%C5%BCeniami_regularnymi/U%C5%BCycie_odpowiedniego_znaku" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_wyrażeniami_regularnymi/Użycie_odpowiedniego_znaku">Użycie odpowiedniego znaku</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_wyra%C5%BCeniami_regularnymi/Globalne_wyszukiwanie,_wielko%C5%9B%C4%87_znak%C3%B3w,_wieloliniowe_wej%C5%9Bcie" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_wyrażeniami_regularnymi/Globalne_wyszukiwanie,_wielkość_znaków,_wieloliniowe_wejście">Globalne wyszukiwanie, wielkość znaków, wieloliniowe wejście</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_wyra%C5%BCeniami_regularnymi/Przyk%C5%82ady_wyra%C5%BCe%C5%84_regularnych" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_wyrażeniami_regularnymi/Przykłady_wyrażeń_regularnych">Przykłady</a></dd> + </dl> + </dd> +</dl> + +<h4 id="Instrukcje" name="Instrukcje">Instrukcje</h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Blok_instrukcji" title="pl/Przewodnik_po_języku_JavaScript_1.5/Blok_instrukcji">Blok instrukcji</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_warunkowe" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_warunkowe">Instrukcje warunkowe</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_warunkowe#Instrukcja_if...else" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_warunkowe#Instrukcja_if...else">Instrukcja if...else</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_warunkowe#Instrukcja_switch" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_warunkowe#Instrukcja_switch">Instrukcja switch</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_p%C4%99tli" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli">Instrukcje pętli</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_p%C4%99tli/Instrukcja_for" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli/Instrukcja_for">Instrukcja for</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_p%C4%99tli/Instrukcja_do_...while" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli/Instrukcja_do_...while">Instrukcja do...while</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_p%C4%99tli/Instrukcja_while" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli/Instrukcja_while">Instrukcja while</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_p%C4%99tli/Instrukcja_label" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli/Instrukcja_label">Instrukcja label</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_p%C4%99tli/Instrukcja_break" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli/Instrukcja_break">Instrukcja break</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_p%C4%99tli/Instrukcja_continue" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_pętli/Instrukcja_continue">Instrukcja continue</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_manipulacji_obiektem" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_manipulacji_obiektem">Instrukcje manipulacji obiektem</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_manipulacji_obiektem#Instrukcja_for...in" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_manipulacji_obiektem#Instrukcja_for...in">Instrukcja for...in</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_manipulacji_obiektem#Instrukcja_with" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_manipulacji_obiektem#Instrukcja_with">Instrukcja with</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_komentarzy" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_komentarzy">Komentarze</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_obs%C5%82ugi_wyj%C4%85tk%C3%B3w" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_obsługi_wyjątków">Instrukcje obsługi wyjątków</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_obs%C5%82ugi_wyj%C4%85tk%C3%B3w/Instrukcja_throw" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_obsługi_wyjątków/Instrukcja_throw">Instrukcja throw</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Instrukcje_obs%C5%82ugi_wyj%C4%85tk%C3%B3w/Instrukcja_try...catch" title="pl/Przewodnik_po_języku_JavaScript_1.5/Instrukcje_obsługi_wyjątków/Instrukcja_try...catch">Instrukcja try...catch</a></dd> + </dl> + </dd> +</dl> + +<h4 id="Funkcje" name="Funkcje">Funkcje</h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Definiowanie_funkcji" title="pl/Przewodnik_po_języku_JavaScript_1.5/Definiowanie_funkcji">Definiowanie funkcji</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Wywo%C5%82anie_funkcji" title="pl/Przewodnik_po_języku_JavaScript_1.5/Wywołanie_funkcji">Wywołanie funkcji</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Zastosowanie_obiektu_arguments" title="pl/Przewodnik_po_języku_JavaScript_1.5/Zastosowanie_obiektu_arguments">Zastosowanie obiektu <code>arguments</code></a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Funkcje_predefiniowane" title="pl/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane">Funkcje predefiniowane</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_eval" title="pl/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_eval">Funkcja <code>eval</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isFinite" title="pl/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isFinite">Funkcja <code>isFinite</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isNaN" title="pl/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcja_isNaN">Funkcja <code>isNaN</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_parseInt_i_parseFloat" title="pl/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_parseInt_i_parseFloat">Funkcje <code>parseInt</code> i <code>parseFloat</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_Number_i_String" title="pl/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_Number_i_String">Funkcje <code>Number</code> i <code>String</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_escape_i_unescape" title="pl/Przewodnik_po_języku_JavaScript_1.5/Funkcje_predefiniowane/Funkcje_escape_i_unescape">Funkcje <code>escape</code> i <code>unescape</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_zamknięciami" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_zamknięciami">Praca z zamknięciami</a></dd> +</dl> + +<h4 id="Praca_z_obiektami" name="Praca_z_obiektami">Praca z obiektami</h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_i_w%C5%82asno%C5%9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_i_własności">Obiekty i własności</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów">Tworzenie nowych obiektów</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/U%C5%BCywanie_inicjacji_obiektu" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Używanie_inicjacji_obiektu">Używanie inicjacji obiektu</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/Zastosowanie_konstruktor%C3%B3w_funkcji" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Zastosowanie_konstruktorów_funkcji">Używanie konstruktorów funkcji</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/Indeksowanie_w%C5%82asno%C5%9Bci_obiektu" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Indeksowanie_własności_obiektu">Indeksowanie własności obiektu</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/Definiowanie_w%C5%82asno%C5%9Bci_typu_obiektu" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Definiowanie_własności_typu_obiektu">Definiowanie własności typu obiektu</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/Definiowanie_metod" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Definiowanie_metod">Definiowanie metod</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/Zastosowanie_'this'_do_obiektu_referencji" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Zastosowanie_'this'_do_obiektu_referencji">Używanie 'this' do obiektu referencji</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/Definiowanie_metod_pobierania_i_ustawiania" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Definiowanie_metod_pobierania_i_ustawiania">Definiowanie metod pobierania i ustawiania</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Tworzenie_nowych_obiekt%C3%B3w/Usuwanie_w%C5%82asno%C5%9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Tworzenie_nowych_obiektów/Usuwanie_własności">Usuwanie własności</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane">Obiekty predefiniowane</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Array" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Array">Obiekt <code>Array</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Boolean" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Boolean">Obiekt <code>Boolean</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Date" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Date">Obiekt <code>Date</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_function" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_function">Obiekt function</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Math" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Math">Obiekt <code>Math</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Number" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_Number">Obiekt <code>Number</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_RegExp" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_RegExp">Obiekt <code>RegExp</code></a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_String" title="pl/Przewodnik_po_języku_JavaScript_1.5/Obiekty_predefiniowane/Obiekt_String">Obiekt <code>String</code></a></dd> + </dl> + </dd> +</dl> + +<h4 id="Detale_modelu_obiektowego" name="Detale_modelu_obiektowego">Detale modelu obiektowego</h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/J%C4%99zyki_oparte_na_klasach_vs._oparte_na_prototypach" title="pl/Przewodnik_po_języku_JavaScript_1.5/Języki_oparte_na_klasach_vs._oparte_na_prototypach">Języki oparte na klasach vs. oparte na prototypach</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/J%C4%99zyki_oparte_na_klasach_vs._oparte_na_prototypach#Definiowanie_klasy" title="pl/Przewodnik_po_języku_JavaScript_1.5/Języki_oparte_na_klasach_vs._oparte_na_prototypach#Definiowanie_klasy">Definiowanie klasy</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/J%C4%99zyki_oparte_na_klasach_vs._oparte_na_prototypach#Podklasy_i_dziedziczenie" title="pl/Przewodnik_po_języku_JavaScript_1.5/Języki_oparte_na_klasach_vs._oparte_na_prototypach#Podklasy_i_dziedziczenie">Podklasy i dziedziczenie</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/J%C4%99zyki_oparte_na_klasach_vs._oparte_na_prototypach#Dodawanie_i_usuwanie_w.C5.82asno.C5.9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Języki_oparte_na_klasach_vs._oparte_na_prototypach#Dodawanie_i_usuwanie_w.C5.82asno.C5.9Bci">Dodawanie i usuwanie własności</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/J%C4%99zyki_oparte_na_klasach_vs._oparte_na_prototypach#R.C3.B3.C5.BCnice" title="pl/Przewodnik_po_języku_JavaScript_1.5/Języki_oparte_na_klasach_vs._oparte_na_prototypach#R.C3.B3.C5.BCnice">Różnice</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_przyk%C5%82adem" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_przykładem">Praca z przykładem</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_przyk%C5%82adem/Tworzenie_hierarchii" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_przykładem/Tworzenie_hierarchii">Tworzenie hierarchii</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_przyk%C5%82adem/W%C5%82asno%C5%9Bci_obiektu" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_przykładem/Własności_obiektu">Własności obiektu</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_przyk%C5%82adem/W%C5%82asno%C5%9Bci_obiektu/Dziedziczenie_w%C5%82asno%C5%9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_przykładem/Własności_obiektu/Dziedziczenie_własności">Dziedziczenie własności</a></dd> + </dl> + </dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_przyk%C5%82adem/W%C5%82asno%C5%9Bci_obiektu/Dodawanie_w%C5%82asno%C5%9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_przykładem/Własności_obiektu/Dodawanie_własności">Dodawanie własności</a></dd> + </dl> + </dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Praca_z_przyk%C5%82adem/Wi%C4%99cej_elastycznych_konstruktor%C3%B3w" title="pl/Przewodnik_po_języku_JavaScript_1.5/Praca_z_przykładem/Więcej_elastycznych_konstruktorów">Więcej elastycznych konstruktorów</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Powr%C3%B3t_dziedziczenia_w%C5%82asno%C5%9Bci" title="pl/Przewodnik_po_języku_JavaScript_1.5/Powrót_dziedziczenia_własności">Powrót dziedziczenia własności</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Powr%C3%B3t_dziedziczenia_w%C5%82asno%C5%9Bci/Warto%C5%9Bci_lokalne_vs._dziedziczone" title="pl/Przewodnik_po_języku_JavaScript_1.5/Powrót_dziedziczenia_własności/Wartości_lokalne_vs._dziedziczone">Wartości lokalne vs. dziedziczone</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Powr%C3%B3t_dziedziczenia_w%C5%82asno%C5%9Bci/Okre%C5%9Blanie_wzajemnych_relacji_obiektu" title="pl/Przewodnik_po_języku_JavaScript_1.5/Powrót_dziedziczenia_własności/Określanie_wzajemnych_relacji_obiektu">Określanie wzajemnych relacji obiektu</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Powr%C3%B3t_dziedziczenia_w%C5%82asno%C5%9Bci/Globalne_informacje_w_konstruktorach" title="pl/Przewodnik_po_języku_JavaScript_1.5/Powrót_dziedziczenia_własności/Globalne_informacje_w_konstruktorach">Globalne informacje w konstruktorach</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Powr%C3%B3t_dziedziczenia_w%C5%82asno%C5%9Bci/Brak_wielokrotnego_dziedziczenia" title="pl/Przewodnik_po_języku_JavaScript_1.5/Powrót_dziedziczenia_własności/Brak_wielokrotnego_dziedziczenia">Brak wielokrotnego dziedziczenia</a></dd> + </dl> + </dd> +</dl> + +<h4 id="Podgl.C4.85d_klas_LiveConnect" name="Podgl.C4.85d_klas_LiveConnect"><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect">Podgląd klas LiveConnect</a></h4> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Praca_z_klas%C4%85_opakowuj%C4%85c%C4%85" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Praca_z_klasą_opakowującą">Praca z klasą opakowującą</a></dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_JavaScript_a_Java" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_JavaScript_a_Java">Komunikacja między JavaScript a Java</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_JavaScript_a_Java#Obiekt_opakowuj.C4.85cy" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_JavaScript_a_Java#Obiekt_opakowuj.C4.85cy">Obiekt opakowujący</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_JavaScript_a_Java#Praca_z_tablicami_w_Javie" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_JavaScript_a_Java#Praca_z_tablicami_w_Javie">Praca z tablicami w Javie</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_JavaScript_a_Java#Referencja_paczki_i_klasy" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_JavaScript_a_Java#Referencja_paczki_i_klasy">Referencja paczki i klasy</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_JavaScript_a_Java#Argumenty_typu_char" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_JavaScript_a_Java#Argumenty_typu_char">Argumenty typu char</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_JavaScript_a_Java#Obs.C5.82uga_wyj.C4.85tk.C3.B3w_Javy_w_JavaScript" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_JavaScript_a_Java#Obs.C5.82uga_wyj.C4.85tk.C3.B3w_Javy_w_JavaScript">Obsługa wyjątków Javy w JavaScript</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_Java_a_JavaScript" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_Java_a_JavaScript">Komunikacja między Java a JavaScript</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Komunikacja_mi%C4%99dzy_Java_a_JavaScript/U%C5%BCywanie_klas_LiveConnect" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Komunikacja_między_Java_a_JavaScript/Używanie_klas_LiveConnect">Używanie klas LiveConnect</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Konwersja_typu_danych" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Konwersja_typu_danych">Konwersja typu danych</a></dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Konwersja_typu_danych/Konwersja_JavaScript_do_Java" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Konwersja_typu_danych/Konwersja_JavaScript_do_Java">Konwersja JavaScript do Java</a></dd> + </dl> + </dd> +</dl> + +<dl> + <dd> + <dl> + <dd><a href="/pl/Przewodnik_po_j%C4%99zyku_JavaScript_1.5/Podgl%C4%85d_klas_LiveConnect/Konwersja_typu_danych/Konwersja_Java_do_JavaScript" title="pl/Przewodnik_po_języku_JavaScript_1.5/Podgląd_klas_LiveConnect/Konwersja_typu_danych/Konwersja_Java_do_JavaScript">Konwersja Java do JavaScript</a></dd> + </dl> + </dd> +</dl> diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/boolean/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/boolean/index.html new file mode 100644 index 0000000000..26fe611df4 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/boolean/index.html @@ -0,0 +1,49 @@ +--- +title: Boolean.prototype +slug: Web/JavaScript/Referencje/Obiekty/Boolean/prototype +tags: + - Dokumentacja_JavaScript + - Dokumentacje + - JavaScript + - Strony_wymagające_dopracowania + - Wszystkie_kategorie +translation_of: Web/JavaScript/Reference/Global_Objects/Boolean +translation_of_original: Web/JavaScript/Reference/Global_Objects/Boolean/prototype +--- +<div>{{JSRef}}</div> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Reprezentuje prototyp konstruktora {{jsxref("Boolean")}}.</p> + +<h2 id="Opis" name="Opis">Opis</h2> + +<p>Instancje {{jsxref("Boolean")}} dziedziczą z <code>Boolean.prototype</code>. Możesz użyć obiektu prototypu konstruktora, by dodać własności lub metody do wszystkich instancji {{jsxref("Boolean")}}.</p> + +<h2 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci">Własności</h2> + +<dl> + <dt><code>Boolean.prototype.constructor</code></dt> + <dd>Zwraca funkcję, która tworzy instancję prototypu. Jest to domyślnie funkcja {{jsxref("Boolean")}}.</dd> +</dl> + +<div>{{jsOverrides("Object", "properties", "constructor")}}</div> + +<h2 id="Metody" name="Metody">Metody</h2> + +<dl> + <dt>{{jsxref("Boolean.prototype.toSource()")}} {{non-standard_inline}}</dt> + <dd>Zwraca ciąg zawierający źródło obiektu <code>Boolean</code>; możesz użyć tego ciągu, by stworzyć równoważny obiekt. Przesłania metodę {{jsxref("Object.prototype.toSource()")}}.</dd> +</dl> + +<dl> + <dt>{{jsxref("Boolean.prototype.toString()")}}</dt> + <dd>Zwraca ciąg "true" albo "false", zależnie od wartości obiektu. Przesłania metodę {{jsxref("Object.prototype.toString()")}}.</dd> +</dl> + +<dl> + <dt>{{jsxref("Boolean.prototype.valueOf()")}}</dt> + <dd>Zwraca prostą wartość obiektu <code>Boolean</code>. Przesłania metodę {{jsxref("Object.prototype.valueOf()")}}.</dd> +</dl> + +<div>{{jsOverrides("Object", "methods", "toSource", "toString", "valueOf")}}</div> diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/date/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/date/index.html new file mode 100644 index 0000000000..e95fcabc0c --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/date/index.html @@ -0,0 +1,19 @@ +--- +title: constructor +slug: Web/JavaScript/Referencje/Obiekty/Date/constructor +tags: + - Dokumentacja_JavaScript + - Dokumentacje + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Reference/Global_Objects/Date +translation_of_original: Web/JavaScript/Reference/Global_Objects/Date/constructor +--- +<p> +</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca referencję do funkcji <a href="../../../../en/Core_JavaScript_1.5_Reference/Global_Objects/Date" rel="internal">Date</a>, która tworzy prototyp instancji. Należy pamiętać, że wartość tej własności jest referencją do samej funkcji, nie zaś łańcuchem znaków zawierającym nazwę funkcji.</p> +<table class="fullwidth-table"> <tbody> <tr> <td class="header" colspan="2">Własność obiektu: <a href="/pl/Dokumentacja_j%C4%99zyka_JavaScript_1.5/Obiekty/Date" title="pl/Dokumentacja_języka_JavaScript_1.5/Obiekty/Date">Date</a></td> </tr> <tr> <td>Zaimplementowane w:</td> <td>JavaScript 1.1, NES 2.0</td> </tr> <tr> <td>Wersja ECMA:</td> <td>ECMA-262</td> </tr> </tbody> +</table><h3 id="Opis" name="Opis"> Opis </h3> +<p>Zobacz <code><a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Object/constructor">Object.constructor</a></code>. +</p>{{ languages( { "en": "en/Core_JavaScript_1.5_Reference/Global_Objects/Date/constructor", "ja": "ja/Core_JavaScript_1.5_Reference/Global_Objects/Date/constructor" } ) }} diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html new file mode 100644 index 0000000000..209f7b25a8 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html @@ -0,0 +1,116 @@ +--- +title: Date.prototype +slug: Web/JavaScript/Referencje/Obiekty/Date/prototype +tags: + - Dokumentacja_JavaScript + - Dokumentacje + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Reference/Global_Objects/Date +translation_of_original: Web/JavaScript/Reference/Global_Objects/Date/prototype +--- +<p>{{JSRef}}</p> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Reprezentuje prototyp dla tej klasy. Można używać prototypu do dodawania własności lub metod wszystkim instancjom klasy. Aby uzyskać więcej informacji o prototypach, zobacz {{jsxref("Function.prototype")}}.</p> + +<h2 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci">Własności</h2> + +<dl> + <dt><code>Date.prototype.constructor</code></dt> + <dd>Określa funkcję, która tworzy prototyp obiektu.</dd> +</dl> + +<div>{{jsOverrides("Object", "properties", "constructor")}}</div> + +<h2 id="Metody" name="Metody">Metody</h2> + +<dl> + <dt>{{jsxref("Date.prototype.getDate()")}}</dt> + <dd>Zwraca dzień miesiąca dla określonej daty, stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getDay()")}}</dt> + <dd>Zwraca dzień tygodnia dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getFullYear()")}}</dt> + <dd>Zwraca rok określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getHours()")}}</dt> + <dd>Zwraca godzinę określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getMilliseconds()")}}</dt> + <dd>Zwraca milisekundy określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getMinutes()")}}</dt> + <dd>Zwraca minuty w określonej dacie czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getMonth()")}}</dt> + <dd>Zwraca miesiąc w określonej dacie czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getSeconds()")}}</dt> + <dd>Zwraca sekundy określone w dacie stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getTime()")}}</dt> + <dd>Zwraca wartość numeryczną przesyłając czas określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.getTimezoneOffset()")}}</dt> + <dd>Zwraca czas przesunięcia wg strefy czasowej dla aktualnego czasu lokalnego. .</dd> + <dt>{{jsxref("Date.prototype.getUTCDate()")}}</dt> + <dd>Zwraca dzień (date) miesiąca określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getUTCDay()")}}</dt> + <dd>Zwraca dzień tygodnia określone w dacie stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getUTCFullYear()")}}</dt> + <dd>Zwraca rok określony w dacie stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getUTCHours()")}}</dt> + <dd>Zwraca godziny określone w dacie stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getUTCMilliseconds()")}}</dt> + <dd>Zwraca milisekundy określone w dacie stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getUTCMinutes()")}}</dt> + <dd>Zwraca minuty określone w dacie stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getUTCMonth()")}}</dt> + <dd>Zwraca nazwę miesięcy określone w dacie stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getUTCSeconds()")}}</dt> + <dd>Zwraca sekundy określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.getYear()")}} {{deprecated_inline}}</dt> + <dd>Zwraca rok określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setDate()")}}</dt> + <dd>Ustawia dzień miesiąca dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setFullYear()")}}</dt> + <dd>Ustawia pełny rok dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setHours()")}}</dt> + <dd>Ustawia godziny dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setMilliseconds()")}}</dt> + <dd>Ustawia milisekundy dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setMinutes()")}}</dt> + <dd>Ustawia minuty dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setMonth()")}}</dt> + <dd>Ustawia nazwę miesiąca dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setSeconds()")}}</dt> + <dd>Ustawia sekundy dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setTime()")}}</dt> + <dd>Ustawia wartość obiektu <code>Date</code> stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.setUTCDate()")}}</dt> + <dd>Ustawia dzień miesiąca dla określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.setUTCFullYear()")}}</dt> + <dd>Ustawia pełen rok dla określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.setUTCHours()")}}</dt> + <dd>Ustawia godzinę dla określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.setUTCMilliseconds()")}}</dt> + <dd>Ustawia milisekundy dla określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.setUTCMinutes()")}}</dt> + <dd>Ustawia minuty dla określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.setUTCMonth()")}}</dt> + <dd>Ustawia miesiąc dla określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.setUTCSeconds()")}}</dt> + <dd>Ustawia sekundy dla określonej daty stosownie do czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.setYear()")}} {{deprecated_inline}}</dt> + <dd>Ustawia rok dla określonej daty stosownie do czasu lokalnego.</dd> + <dt>{{jsxref("Date.prototype.toGMTString()")}} {{deprecated_inline}}</dt> + <dd>Konwertuje datę na łańcuch znaków, używając konwencji czasu GMT.</dd> + <dt>{{jsxref("Date.prototype.toLocaleString()")}}</dt> + <dd>Konwertuje datę na łańcuch znaków (string), używając aktualnej lokalnej konwencji. Przesłania metodę {{jsxref("Object.prototype.toLocaleString()")}}.</dd> + <dt>{{jsxref("Date.prototype.toLocaleDateString()")}}</dt> + <dd>Zwraca datę (bez godziny) z obiektu <code>Date</code> jako ciąg znaków z wykorzystaniem lokalnych konwencji.</dd> + <dt>{{jsxref("Date.prototype.toLocaleTimeString()")}}</dt> + <dd>Zwraca godzinę (bez daty) z obiektu <code>Date</code> jako ciąg znaków z wykorzystaniem lokalnych konwencji.</dd> + <dt>{{jsxref("Date.prototype.toSource()")}} {{non-standard_inline}}</dt> + <dd>Zwraca obiekt literału reprezentujący określony obiekt <code>Date</code>; możesz użyć tej wartości do tworzenia nowych obiektów. Przesłania metodę {{jsxref("Object.prototype.toSource()")}}.</dd> + <dt>{{jsxref("Date.prototype.toString()")}}</dt> + <dd>Zwraca łańcuch znaków, reprezentujący określony obiekt <code>Date</code>. Przesłania metodę {{jsxref("Object.prototype.toString()")}}.</dd> + <dt>{{jsxref("Date.prototype.toUTCString()")}}</dt> + <dd>Konwertuje datę na łańcuch znaków, używając do konwencji czasu uniwersalnego.</dd> + <dt>{{jsxref("Date.prototype.valueOf()")}}</dt> + <dd>Zwraca wartość prostą obiektu <code>Date</code>. Przesłania metodę {{jsxref("Object.prototype.valueOf()")}}.<span id="cke_bm_120E" style="display: none;"> </span></dd> +</dl> diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/error/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/error/index.html new file mode 100644 index 0000000000..9bb3ccbf13 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/error/index.html @@ -0,0 +1,114 @@ +--- +title: Error.prototype +slug: Web/JavaScript/Referencje/Obiekty/Error/prototype +tags: + - Error + - JavaScript + - Właściwość +translation_of: Web/JavaScript/Reference/Global_Objects/Error +translation_of_original: Web/JavaScript/Reference/Global_Objects/Error/prototype +--- +<div>{{JSRef}}</div> + +<p>Właściwość <code><strong>Error.prototype</strong></code> reprezentuje prototyp dla konstruktora {{jsxref("Error")}}.</p> + +<div>{{js_property_attributes(0, 0, 0)}}</div> + +<h2 id="Opis">Opis</h2> + +<p>Wszystkie instancje klasy {{jsxref("Error")}} oraz instancje {{jsxref("Global_Objects/Error", "non-generic errors", "#Error_types", 1)}} dziedziczą po <code>Error.prototype</code>. As with all constructor functions, you can use the prototype of the constructor to add properties or methods to all instances created with that constructor.</p> + +<h2 id="Właściwości">Właściwości</h2> + +<h3 id="Właściwości_standardowe">Właściwości standardowe</h3> + +<dl> + <dt><code>Error.prototype.constructor</code></dt> + <dd>Określa funkcję tworzącą instancję prototypu.</dd> + <dt>{{jsxref("Error.prototype.message")}}</dt> + <dd>Wiadomość błędu.</dd> + <dt>{{jsxref("Error.prototype.name")}}</dt> + <dd>Nazwa błędu.</dd> +</dl> + +<h3 id="Rozszerzenia_zależne_od_dostawcy">Rozszerzenia zależne od dostawcy</h3> + +<div>{{non-standard_header}}</div> + +<h4 id="Microsoft">Microsoft</h4> + +<dl> + <dt>{{jsxref("Error.prototype.description")}}</dt> + <dd>Opis błędu. Podobne do {{jsxref("Error.prototype.message", "message")}}.</dd> + <dt>{{jsxref("Error.prototype.number")}}</dt> + <dd>Numer błędu.</dd> +</dl> + +<h4 id="Mozilla">Mozilla</h4> + +<dl> + <dt>{{jsxref("Error.prototype.fileName")}}</dt> + <dd>Ścieżka do pliku, w którym wywołany został wyjątek.</dd> + <dt>{{jsxref("Error.prototype.lineNumber")}}</dt> + <dd>Numer linijki w pliku, która wywołała wyjątek.</dd> + <dt>{{jsxref("Error.prototype.columnNumber")}}</dt> + <dd>Numer znaku w wierszu, w którym został wywołany wyjątek.</dd> + <dt>{{jsxref("Error.prototype.stack")}}</dt> + <dd>Stack trace.</dd> +</dl> + +<h2 id="Metody">Metody</h2> + +<dl> + <dt>{{jsxref("Error.prototype.toSource()")}} {{non-standard_inline}}</dt> + <dd>Zwraca łańcuch znaków zawierający źródło wybranego obiektu {{jsxref("Error")}}; możesz użyć tej. Overrides the {{jsxref("Object.prototype.toSource()")}} method.</dd> + <dt>{{jsxref("Error.prototype.toString()")}}</dt> + <dd>Zwraca ciąg znaków reprezentujący wybrany obiekt. Nadpisuje metodę {{jsxref("Object.prototype.toString()")}}.</dd> +</dl> + +<h2 id="Specyfikacja">Specyfikacja</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('ES1')}}</td> + <td>{{Spec2('ES1')}}</td> + <td>Początkowa definicja. Zaimplementowana w JavaScript 1.1.</td> + </tr> + <tr> + <td>{{SpecName('ES5.1', '#sec-15.11.3.1', 'Error')}}</td> + <td>{{Spec2('ES5.1')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-error.prototype', 'Error')}}</td> + <td>{{Spec2('ES6')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-error.prototype', 'Error')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Kompatybilność">Kompatybilność</h2> + +<div> + + +<p>{{Compat("javascript.builtins.Error.prototype")}}</p> +</div> + +<h2 id="Zobacz_też">Zobacz też</h2> + +<ul> + <li>{{jsxref("Error")}}</li> + <li>{{jsxref("Object.prototype")}}</li> +</ul> diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/number/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/number/index.html new file mode 100644 index 0000000000..11b7dbe2de --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/number/index.html @@ -0,0 +1,23 @@ +--- +title: constructor +slug: Web/JavaScript/Referencje/Obiekty/Number/constructor +tags: + - Dokumentacja_JavaScript + - Dokumentacje + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Reference/Global_Objects/Number +translation_of_original: Web/JavaScript/Reference/Global_Objects/Number/constructor +--- +<p> +</p> +<h3 id="Podsumowanie" name="Podsumowanie"> Podsumowanie </h3> +<p><b>Własność obiektu: <a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Number">Number</a></b> +</p><p>Określa funkcję tworzącą prototyp obiektu. Należy pamiętać, że wartość tej własności jest referencją do funkcji, a nie łańcuchem znaków zawierającym jej nazwę. +</p> +<h3 id="Opis" name="Opis"> Opis </h3> +<p>Zobacz <code><a href="pl/Dokumentacja_j%c4%99zyka_JavaScript_1.5/Obiekty/Object/constructor">Object.constructor</a></code>. +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Reference/Global_Objects/Number/constructor", "ja": "ja/Core_JavaScript_1.5_Reference/Global_Objects/Number/constructor" } ) }} diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/object/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/object/index.html new file mode 100644 index 0000000000..85fbee9f9b --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/object/index.html @@ -0,0 +1,219 @@ +--- +title: Object.prototype +slug: Web/JavaScript/Referencje/Obiekty/Object/prototype +tags: + - JavaScript + - Obiekt + - Object + - Property + - Prototype +translation_of: Web/JavaScript/Reference/Global_Objects/Object +translation_of_original: Web/JavaScript/Reference/Global_Objects/Object/prototype +--- +<p>{{JSRef}}</p> + +<p><code style="font-style: normal;"><strong>Object.prototype</strong></code> reprezentuje prototyp obiektów klasy {{jsxref("Object")}}.</p> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Wszystkie obiekty w języku JavaScript wywodzą się od {{jsxref("Object")}}; wszystkie obiekty dziedziczą metody i pola po <code>Object.prototype,</code> chociaż mogą one zostać przeciążone (z wyjątkiem <code>Object</code>'u o prototypie <code>null</code>, tj. <code>Object.create(null)</code>). Na przykład, prototypy innych konstruktorów przeciążają pole <code>constructor</code> i zapewniają swoje własne wersje metod {{jsxref("Object.prototype.toString()", "toString()")}}. Zmiany do prototypu <code>Object</code> propagowane są do wszystkich obiektów, chyba że dane metody i pola zostały przeciążone w prototypie którejś z klas bazowych.</p> + +<h2 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci">Własności</h2> + +<dl> + <dt>{{jsxref("Object.prototype.constructor")}}</dt> + <dd>Określa konstruktor obiektu - funkcję, która tworzy prototyp obiektu.</dd> + <dt>{{jsxref("Object.prototype.__proto__")}} {{non-standard_inline}}</dt> + <dd>Wskazuje na obiekt który był użyty jako prototyp, kiedy dany obiekt był inicjalizowany.</dd> + <dt>{{jsxref("Object.prototype.__noSuchMethod__")}} {{non-standard_inline}}</dt> + <dd>Pozwala zdefiniować funkcję, która będzie wykonana kiedy niezdefiniowany element obiektu zostanie wywołany jako metoda.</dd> + <dt><s class="obsoleteElement">{{jsxref("Object.prototype.__count__")}} {{obsolete_inline}}</s></dt> + <dd><s class="obsoleteElement">Własność zwracała liczbę właściwości tzw. enumerable posiadanych przez zdefiniowany przez użytkownika obiekt. Własność ta została usunięta.</s></dd> + <dt><s class="obsoleteElement">{{jsxref("Object.prototype.__parent__")}} {{obsolete_inline}}</s></dt> + <dd><s class="obsoleteElement">Była używana do wskazywania kontwkstu obiektu.</s><span class="obsoleteElement" style="opacity: 0.3;"> Własność ta została usunięta.</span></dd> +</dl> + +<h2 id="Metody" name="Metody">Metody</h2> + +<dl> + <dt>{{jsxref("Object.prototype.__defineGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> + <dd>Przypisuje funkcję do pola, do którego odwołanie wywoła tę funkcję, która zwróci odpowiednią wartość.</dd> + <dt>{{jsxref("Object.prototype.__defineSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> + <dd>Przypisuje funkcję do pola, którego ustawienie wywoła tę funkcję, która zmodyfikuje wartość pola.</dd> + <dt>{{jsxref("Object.prototype.__lookupGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> + <dd>Zwraca funkcję powiązaną z danym polem poprzez metodę {{jsxref("Object.defineGetter", "__defineGetter__")}}.</dd> + <dt>{{jsxref("Object.prototype.__lookupSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt> + <dd>Zwraca funkcję powiązaną z danym polem poprzez metodę {{jsxref("Object.defineSetter", "__defineSetter__")}}.</dd> + <dt>{{jsxref("Object.prototype.hasOwnProperty()")}}</dt> + <dd>Zwraca wartość boolean wskazującą czy obiekt posiada dane pole (wykluczając przypadki, gdy pole jest odziedziczone).</dd> + <dt>{{jsxref("Object.prototype.isPrototypeOf()")}}</dt> + <dd>Zwraca wartość boolean wskazującą czy dany obiekt znajduje się w łańcuchu prototypów obiektu podanego jako parametr funkcji.</dd> + <dt>{{jsxref("Object.prototype.propertyIsEnumerable()")}}</dt> + <dd>Zwraca wartość boolean wskazującą czy ustawiony jest atrybut <a href="/en-US/docs/ECMAScript_DontEnum_attribute" title="ECMAScript_DontEnum_attribute">ECMAScript DontEnum attribute</a>.</dd> + <dt>{{jsxref("Object.prototype.toSource()")}} {{non-standard_inline}}</dt> + <dd>Zwraca literał obiektowy reprezentujący dany obiekt; można go użyć do utworzenia nowego obiektu.</dd> + <dt>{{jsxref("Object.prototype.toLocaleString()")}}</dt> + <dd>Wywołuje {{jsxref("Object.toString", "toString()")}}.</dd> + <dt>{{jsxref("Object.prototype.toString()")}}</dt> + <dd>Zwraca łańcuch znaków reprezentujący dany obiekt.</dd> + <dt>{{jsxref("Object.prototype.unwatch()")}} {{non-standard_inline}}</dt> + <dd>Usuwa funkcję monitorującą daną własność obiektu.</dd> + <dt>{{jsxref("Object.prototype.valueOf()")}}</dt> + <dd>Zwraca wartość prostą danego obiektu.</dd> + <dt>{{jsxref("Object.prototype.watch()")}} {{non-standard_inline}}</dt> + <dd>Dodaje funkcję monitorującą daną własność obiektu.</dd> + <dt><s class="obsoleteElement">{{jsxref("Object.prototype.eval()")}} {{obsolete_inline}}</s></dt> + <dd><s class="obsoleteElement">Wykonuje kod JavaScriptu zawarty w łańcuchu znaków w kontekście danego obiektu.</s></dd> +</dl> + +<h2 id="Przykłady">Przykłady</h2> + +<p>Jako, iż JavaScript nie posiada typowego rozróżnienia na klasę bazową i dziedziczącą, prototype jest przydatnym obejściem pozwalającym na utworzenie “klasy bazowej” z pewnych funkcji, które działają jak obiekty. Na przykład:</p> + +<pre class="brush: js">var Osoba = function() { + this.umieMowic = true; +}; + +Osoba.prototype.powitaj = function() { + if (this.umieMowic) { + console.log('Hej, jestem ' + this.imie); + } +}; + +var Pracownik = function(imie, tytul) { + Osoba.call(this); + this.imie = imie; + this.tytul = tytul; +}; + +Pracownik.prototype = Object.create(Osoba.prototype); +Pracownik.prototype.constructor = Pracownik; + +Pracownik.prototype.powitaj = function() { + if (this.umieMowic) { + console.log('Hej, jestem ' + this.imie + ', ' + this.tytul); + } +}; + +var Klient = function(imie) { + Osoba.call(this); + this.imie = imie; +}; + +Klient.prototype = Object.create(Osoba.prototype); +Klient.prototype.constructor = Klient; + +var Mim = function(imie) { + Osoba.call(this); + this.imie = imie; + this.umieMowic = false; +}; + +Mim.prototype = Object.create(Osoba.prototype); +Mim.prototype.constructor = Mim; + +var bob = new Pracownik('Bob', 'Builder'); +var joe = new Klient('Joe'); +var rg = new Pracownik('Red Green', 'Handyman'); +var mike = new Klient('Mike'); +var mim = new Mim('Mim'); + +bob.powitaj(); +// Hej, jestem Bob, Builder + +joe.powitaj(); +// Hej, jestem Joe + +rg.powitaj(); +// Hej, jestem Red Green, Handyman + +mike.powitaj(); +// Hej, jestem Mike + +mim.powitaj(); +</pre> + +<h2 id="Specyfikacje">Specyfikacje</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specyfikacja</th> + <th scope="col">Status</th> + <th scope="col">Komentarz</th> + </tr> + <tr> + <td>{{SpecName('ES1')}}</td> + <td>{{Spec2('ES1')}}</td> + <td>Początkowa definicja. Zaimplementowano w JavaScript 1.0.</td> + </tr> + <tr> + <td>{{SpecName('ES5.1', '#sec-15.2.3.1', 'Object.prototype')}}</td> + <td>{{Spec2('ES5.1')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-object.prototype', 'Object.prototype')}}</td> + <td>{{Spec2('ES6')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Kompatybilność">Kompatybilność</h2> + +<div>{{CompatibilityTable}}</div> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Zobacz_też">Zobacz też</h2> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introduction to Object-Oriented JavaScript</a></li> +</ul> diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/rangeerror/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/rangeerror/index.html new file mode 100644 index 0000000000..38c00cc45b --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/rangeerror/index.html @@ -0,0 +1,124 @@ +--- +title: RangeError.prototype +slug: Web/JavaScript/Referencje/Obiekty/RangeError/prototype +translation_of: Web/JavaScript/Reference/Global_Objects/RangeError +translation_of_original: Web/JavaScript/Reference/Global_Objects/RangeError/prototype +--- +<div>{{JSRef}}</div> + +<p><code><font face="Open Sans, Arial, sans-serif">Właściwość </font><strong>RangeError.prototype</strong></code> reprezentuje prototyp konstuktora {{jsxref("RangeError")}}.</p> + +<div>{{js_property_attributes(0, 0, 0)}}</div> + +<h2 id="Opis">Opis </h2> + +<p>Wszystkie instancje {{jsxref("RangeError")}} dziedziczą z prototyup RangeError. Możesz użyć prototypu, by dodać właściwości lub metody do wszystkich instancji.</p> + +<h2 id="Właściwości">Właściwości</h2> + +<dl> + <dt><code>RangeError.prototype.constructor</code></dt> + <dd>Funkcja, która tworzy prototyp instancji.</dd> + <dt>{{jsxref("Error.prototype.message", "RangeError.prototype.message")}}</dt> + <dd>Wiadomość błędu. Chociaż specyfikacja ECMA-262 mówi, że <span style="line-height: 1.5;">{{jsxref("RangeError")}} powinien dostarczyć swoją własną właściwość </span><code style="font-style: normal; line-height: 1.5;">message</code><span style="line-height: 1.5;">, w </span><a href="/en-US/docs/Mozilla/Projects/SpiderMonkey" style="line-height: 1.5;">SpiderMonkey</a><span style="line-height: 1.5;">, dziedziczy z {{jsxref("Error.prototype.message")}}.</span></dd> + <dt>{{jsxref("Error.prototype.name", "RangeError.prototype.name")}}</dt> + <dd>Nazwa błędu, dziedziczona z {{jsxref("Error")}}.</dd> + <dt>{{jsxref("Error.prototype.fileName", "RangeError.prototype.fileName")}}</dt> + <dd>Ścieżka do pliku, w którym wywołany został błąd. Dziedziczone z {{jsxref("Error")}}.</dd> + <dt>{{jsxref("Error.prototype.lineNumber", "RangeError.prototype.lineNumber")}}</dt> + <dd>Numer linii, gdzie wywołany został błąd. Dziedziczone z {{jsxref("Error")}}.</dd> + <dt>{{jsxref("Error.prototype.columnNumber", "RangeError.prototype.columnNumber")}}</dt> + <dd>Numer kolumny w linii, gdzie wywołany został błąd. Dziedziczone z <span style="line-height: 1.5;">{{jsxref("Error")}}.</span></dd> + <dt>{{jsxref("Error.prototype.stack", "RangeError.prototype.stack")}}</dt> + <dd>Ślad stosu. Dziedziczone z {{jsxref("Error")}}.</dd> +</dl> + +<h2 id="Metody">Metody</h2> + +<p>Chociaż prototyp <span style="line-height: 1.5;">{{jsxref("RangeError")}} nie zawiera metod jako taki, instancja </span><span style="line-height: 1.5;">{{jsxref("RangeError")}} dziedziczy pewne metody z łańcucha prototypów.</span></p> + +<h2 id="Specyfikacje">Specyfikacje</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('ES3')}}</td> + <td>{{Spec2('ES3')}}</td> + <td>Initial definition.</td> + </tr> + <tr> + <td>{{SpecName('ES5.1', '#sec-15.11.7.6', 'NativeError.prototype')}}</td> + <td>{{Spec2('ES5.1')}}</td> + <td>Defined as <code><em>NativeError</em>.prototype</code>.</td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-nativeerror.prototype', 'NativeError.prototype')}}</td> + <td>{{Spec2('ES6')}}</td> + <td>Defined as <code><em>NativeError</em>.prototype</code>.</td> + </tr> + </tbody> +</table> + +<h2 id="Kompatybilność_z_przeglądarkami">Kompatybilność z przeglądarkami</h2> + +<div>{{CompatibilityTable}}</div> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Bazowe wsparcie</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Bazowe wsparcie</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Zobacz_także">Zobacz także</h2> + +<ul> + <li>{{jsxref("Error.prototype")}}</li> + <li>{{jsxref("Function.prototype")}}</li> +</ul> diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/regexp/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/regexp/index.html new file mode 100644 index 0000000000..84a0d73ccc --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/regexp/index.html @@ -0,0 +1,54 @@ +--- +title: RegExp.prototype +slug: Web/JavaScript/Referencje/Obiekty/RegExp/prototype +tags: + - JavaScript + - Property + - Prototype + - RegExp +translation_of: Web/JavaScript/Reference/Global_Objects/RegExp +translation_of_original: Web/JavaScript/Reference/Global_Objects/RegExp/prototype +--- +<p>{{JSRef}}</p> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Reprezentuje prototyp obiektów danej klasy. Pozwala na dodawanie własności i metod do wszystkich instancji tej klasy.</p> + +<h2 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci">Własności</h2> + +<p>Zauważ, że niektóre własności obiektu <code>RegExp</code> mają dwie nazwy: długą i krótką (Perl<em>ową</em>). Obydwie nazwy zawsze odwołują się do tej samej wartości. Perl jest językiem programowania, z którego uformowały się wyrażenia regularne JavaScriptu.</p> + +<dl> + <dt><code>RegExp.prototype.constructor</code></dt> + <dd>Określa funkcję, która tworzy prototyp obiektu.</dd> + <dt>{{jsxref("RegExp.prototype.flags")}} {{experimental_inline}}</dt> + <dd>A string that contains the flags of the <code>RegExp</code> object.</dd> + <dt>{{jsxref("RegExp.prototype.global")}}</dt> + <dd>Czy przeszukiwać cały ciąg w poszukiwaniu wszystkich możliwych dopasowań czy tylko w poszukiwaniu pierwszego.</dd> + <dt>{{jsxref("RegExp.prototype.ignoreCase")}}</dt> + <dd>Czy ignorować wielkość liter podczas wyszukiwania.</dd> + <dt>{{jsxref("RegExp.prototype.multiline")}}</dt> + <dd>Czy w ciągach z wieloma liniami, szukać w wielu liniach.</dd> + <dt>{{jsxref("RegExp.prototype.source")}}</dt> + <dd>Tekst wzoru.</dd> + <dt>{{jsxref("RegExp.prototype.sticky")}} {{experimental_inline}}</dt> + <dd>Whether or not the search is sticky.</dd> + <dt>{{jsxref("RegExp.prototype.unicode")}} {{experimental_inline}}</dt> + <dd>Whether or not Unicode features are enabled.</dd> +</dl> + +<h2 id="Metody" name="Metody">Metody</h2> + +<dl> + <dt>{{jsxref("RegExp.prototype.compile()")}} {{deprecated_inline}}</dt> + <dd>(Re-)compiles a regular expression during execution of a script.</dd> + <dt>{{jsxref("RegExp.prototype.exec()")}}</dt> + <dd>Uruchamia wyszukiwanie dopasowania w ciągu podanym poprzez parametr tej metody.</dd> + <dt>{{jsxref("RegExp.prototype.test()")}}</dt> + <dd>Testuje dopasowanie w ciągu podanym poprzez parametr tej metody.</dd> + <dt>{{jsxref("RegExp.prototype.toSource()")}} {{non-standard_inline}}</dt> + <dd>Zwraca literał obiektu reprezentujący podany obiekt; możesz użyć tej wartości do utworzenia nowego obiektu. Przesłania metodę <a href="/pl/Dokumentacja_j%C4%99zyka_JavaScript_1.5/Obiekty/Object/toSource" title="pl/Dokumentacja_języka_JavaScript_1.5/Obiekty/Object/toSource">Object.toSource</a>.</dd> + <dt>{{jsxref("RegExp.prototype.toString()")}}</dt> + <dd>Zwraca ciąg znaków reprezentujący podany obiekt. Przesłania metodę <a href="/pl/Dokumentacja_j%C4%99zyka_JavaScript_1.5/Obiekty/Object/toString" title="pl/Dokumentacja_języka_JavaScript_1.5/Obiekty/Object/toString">Object.toString</a>.</dd> +</dl> diff --git a/files/pl/conflicting/web/javascript/reference/global_objects/string/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/string/index.html new file mode 100644 index 0000000000..7785d0b34b --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/global_objects/string/index.html @@ -0,0 +1,221 @@ +--- +title: String.prototype +slug: Web/JavaScript/Referencje/Obiekty/String/prototype +tags: + - JavaScript + - Property + - Prototype + - String +translation_of: Web/JavaScript/Reference/Global_Objects/String +translation_of_original: Web/JavaScript/Reference/Global_Objects/String/prototype +--- +<p>{{JSRef}}</p> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Reprezentuje prototyp obiektów danej klasy. Pozwala na dodawanie własności i metod do wszystkich instancji tej klasy.</p> + +<div>{{js_property_attributes(0, 0, 0)}}</div> + +<h2 id="Description" name="Description">Opis</h2> + +<p>Wszystkie instancje {{jsxref("Global_Objects/String", "String")}} dziedziczą z <code>String.prototype</code>. Zmiany w prototypie obiektu <code>String</code> są propagowane do wszystkich instancji {{jsxref("Global_Objects/String", "String")}}.</p> + +<h2 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci">Własności</h2> + +<dl> + <dt><code>String.prototype.constructor</code></dt> + <dd>Oznacza funkcję, która tworzy prototyp obiektu.</dd> + <dt>{{jsxref("String.prototype.length")}}</dt> + <dd>Odzwierciedla długość łańcucha znaków.</dd> + <dt><code><em>N</em></code></dt> + <dd>Używane celem uzyskania dostępu do znaku na pozycji <em>N-tej</em> gdzie <em>N</em> jest dodatnią liczbą całkowitą między 0 a o jeden mniejszą od {{jsxref("String.length", "length")}}. Własności te są tylko do odczytu.</dd> +</dl> + +<h2 id="Methods" name="Methods">Metody</h2> + +<h3 id="Metody_niezwi.C4.85zane_z_HTML" name="Metody_niezwi.C4.85zane_z_HTML">Metody niezwiązane z HTML</h3> + +<dl> + <dt>{{jsxref("String.prototype.charAt()")}}</dt> + <dd>Zwraca znak o podanym indeksie.</dd> + <dt>{{jsxref("String.prototype.charCodeAt()")}}</dt> + <dd>Zwraca liczbę oznaczającą wartość Unicode znaku o podanym indeksie.</dd> + <dt>{{jsxref("String.prototype.codePointAt()")}} {{experimental_inline}}</dt> + <dd>Returns a non-negative integer that is the UTF-16 encoded code point value at the given position.</dd> + <dt>{{jsxref("String.prototype.concat()")}}</dt> + <dd>Łączy dwa łańcuchy znaków i zwraca nowy łańcuch.</dd> + <dt>{{jsxref("String.prototype.includes()")}} {{experimental_inline}}</dt> + <dd>Determines whether one string may be found within another string.</dd> + <dt>{{jsxref("String.prototype.endsWith()")}} {{experimental_inline}}</dt> + <dd>Determines whether a string ends with the characters of another string.</dd> + <dt>{{jsxref("String.prototype.indexOf()")}}</dt> + <dd>Zwraca indeks pierwszego wystąpienia podanego znaku w obiekcie <code>String</code> lub <code>-1</code>, gdy niczego nie znaleziono.</dd> + <dt>{{jsxref("String.prototype.lastIndexOf()")}}</dt> + <dd>Zwraca indeks ostatniego wystąpienia podanego znaku w obiekcie <code>String</code> lub <code>-1</code>, gdy niczego nie znaleziono.</dd> + <dt>{{jsxref("String.prototype.localeCompare()")}}</dt> + <dd>Returns a number indicating whether a reference string comes before or after or is the same as the given string in sort order.</dd> + <dt>{{jsxref("String.prototype.match()")}}</dt> + <dd>Używane do porównania wyrażenia regularnego z łańcuchem znaków.</dd> + <dt>{{jsxref("String.prototype.normalize()")}} {{experimental_inline}}</dt> + <dd>Returns the Unicode Normalization Form of the calling string value.</dd> + <dt><s class="obsoleteElement">{{jsxref("String.prototype.quote()")}} {{obsolete_inline}}</s></dt> + <dd><s class="obsoleteElement">Wraps the string in double quotes ("<code>"</code>").</s></dd> + <dt>{{jsxref("String.prototype.repeat()")}} {{experimental_inline}}</dt> + <dd>Returns a string consisting of the elements of the object repeated the given times.</dd> + <dt>{{jsxref("String.prototype.replace()")}}</dt> + <dd>Używane do znalezienia podobieństwa pomiędzy wyrażeniem regularnym a łańcuchem znaków, a następnie do podmiany znalezionego podłańcucha nowym podłańcuchem.</dd> + <dt>{{jsxref("String.prototype.search()")}}</dt> + <dd>Uruchamia wyszukiwanie podobieństwa pomiędzy wyrażeniem regularnym a podanym łańcuchem.</dd> + <dt>{{jsxref("String.prototype.slice()")}}</dt> + <dd>Wyciąga kawałek łańcucha i zwraca nowy łańcuch.</dd> + <dt>{{jsxref("String.prototype.split()")}}</dt> + <dd>Dzieli obiekt {{jsxref("String")}} na tablicę łańcuchów poprzez dzielenie łańcucha na podłańcuchy.</dd> + <dt>{{jsxref("String.prototype.startsWith()")}} {{experimental_inline}}</dt> + <dd>Determines whether a string begins with the characters of another string.</dd> + <dt>{{jsxref("String.prototype.substr()")}}</dt> + <dd>Zwraca podłańcuch znaków z łańcucha, zaczynający się w podanym miejscu i podanej długości znaków.</dd> + <dt>{{jsxref("String.prototype.substring()")}}</dt> + <dd>Zwraca znaki w podłańcuchu pomiędzy dwoma indeksami w łańcuchu.</dd> + <dt>{{jsxref("String.prototype.toLocaleLowerCase()")}}</dt> + <dd>The characters within a string are converted to lower case while respecting the current locale. For most languages, this will return the same as {{jsxref("String.prototype.toLowerCase()", "toLowerCase()")}}.</dd> + <dt>{{jsxref("String.prototype.toLocaleUpperCase()")}}</dt> + <dd>The characters within a string are converted to upper case while respecting the current locale. For most languages, this will return the same as {{jsxref("String.prototype.toUpperCase()", "toUpperCase()")}}.</dd> + <dt>{{jsxref("String.prototype.toLowerCase()")}}</dt> + <dd>Zwraca wywołujący łańcuch skonwertowany do małych liter.</dd> + <dt>{{jsxref("String.prototype.toSource()")}} {{non-standard_inline}}</dt> + <dd>Zwraca literał obiektu reprezentujący podany obiekt; możesz użyć tej wartości do utworzenia nowego obiektu. Przesłania metodę {{jsxref("Object.prototype.toSource()")}}.</dd> + <dt>{{jsxref("String.prototype.toString()")}}</dt> + <dd>Zwraca łańcuch reprezentujący podany obiekt. Przesłania metodę {{jsxref("Object.prototype.toString()")}}.</dd> + <dt>{{jsxref("String.prototype.toUpperCase()")}}</dt> + <dd>Zwraca wywołujący łańcuch skonwertowany do wielkich liter.</dd> + <dt>{{jsxref("String.prototype.trim()")}}</dt> + <dd>Trims whitespace from the beginning and end of the string. Part of the ECMAScript 5 standard.</dd> + <dt>{{jsxref("String.prototype.trimLeft()")}} {{non-standard_inline}}</dt> + <dd>Trims whitespace from the left side of the string.</dd> + <dt>{{jsxref("String.prototype.trimRight()")}} {{non-standard_inline}}</dt> + <dd>Trims whitespace from the right side of the string.</dd> + <dt>{{jsxref("String.prototype.valueOf()")}}</dt> + <dd>Zwraca wartość prymitywną podanego obiektu. Przesłania metodę {{jsxref("Object.prototype.valueOf()")}}.</dd> + <dt>{{jsxref("String.prototype.@@iterator()", "String.prototype[@@iterator]()")}} {{experimental_inline}}</dt> + <dd>Returns a new <code>Iterator</code> object that iterates over the code points of a String value, returning each code point as a String value.</dd> +</dl> + +<h3 id="Metody_zwi.C4.85zane_z_HTML" name="Metody_zwi.C4.85zane_z_HTML">Metody związane z HTML</h3> + +<p>These methods are of limited use, as they provide only a subset of the available HTML tags and attributes.</p> + +<dl> + <dt>{{jsxref("String.prototype.anchor()")}}</dt> + <dd>{{htmlattrxref("name", "a", "<a name=\"name\">")}} (hypertext target)</dd> + <dt>{{jsxref("String.prototype.big()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("big")}}</dd> + <dt>{{jsxref("String.prototype.blink()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("blink")}}</dd> + <dt>{{jsxref("String.prototype.bold()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("b")}}</dd> + <dt>{{jsxref("String.prototype.fixed()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("tt")}}</dd> + <dt>{{jsxref("String.prototype.fontcolor()")}} {{deprecated_inline}}</dt> + <dd>{{htmlattrxref("color", "font", "<font color=\"color\">")}}</dd> + <dt>{{jsxref("String.prototype.fontsize()")}} {{deprecated_inline}}</dt> + <dd>{{htmlattrxref("size", "font", "<font size=\"size\">")}}</dd> + <dt>{{jsxref("String.prototype.italics()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("i")}}</dd> + <dt>{{jsxref("String.prototype.link()")}}</dt> + <dd>{{htmlattrxref("href", "a", "<a href=\"rul\">")}} (link to URL)</dd> + <dt>{{jsxref("String.prototype.small()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("small")}}</dd> + <dt>{{jsxref("String.prototype.strike()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("strike")}}</dd> + <dt>{{jsxref("String.prototype.sub()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("sub")}}</dd> + <dt>{{jsxref("String.prototype.sup()")}} {{deprecated_inline}}</dt> + <dd>{{HTMLElement("sup")}}</dd> +</dl> + +<h2 id="Specifications">Specifications</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>ECMAScript 1st Edition.</td> + <td>Standard</td> + <td>Initial definition.</td> + </tr> + <tr> + <td>{{SpecName('ES5.1', '#sec-15.5.3.1', 'String.prototype')}}</td> + <td>{{Spec2('ES5.1')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-string.prototype', 'String.prototype')}}</td> + <td>{{Spec2('ES6')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + +<div>{{CompatibilityTable}}</div> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">See also</h2> + +<ul> + <li>{{jsxref("String")}}</li> + <li>{{jsxref("Function.prototype")}}</li> +</ul> diff --git a/files/pl/conflicting/web/javascript/reference/lexical_grammar/index.html b/files/pl/conflicting/web/javascript/reference/lexical_grammar/index.html new file mode 100644 index 0000000000..38b693de3a --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/lexical_grammar/index.html @@ -0,0 +1,18 @@ +--- +title: Słowa zarezerwowane +slug: Web/JavaScript/Referencje/Słowa_zarezerwowane +tags: + - Dokumentacja_JavaScript + - Dokumentacje + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Reference/Lexical_grammar#Keywords +translation_of_original: Web/JavaScript/Reference/Reserved_Words +--- +<p> </p> +<p>Słowa zarezerwowane nie mogą być używane jako nazwy zmiennych, funkcji, metod ani obiektów języka JavaScript. Niektóre z nich są słowami kluczowymi języka JavaScript, inne zarezerwowano do przyszłych zastosowań.</p> +<ul> <li><code>abstract</code></li> <li><code>boolean</code></li> <li><code>break</code></li> <li><code>byte</code></li> <li><code>case</code></li> <li><code>catch</code></li> <li><code>char</code></li> <li><code>class</code></li> <li><code>const</code></li> <li><code>continue</code></li> <li><code>debugger</code></li> <li><code>default</code></li> <li><code>delete</code></li> <li><code>do</code></li> <li><code>double</code></li> <li><code>else</code> <code>enum</code> <code>export</code> <code>extends</code> <code>false</code> <code>final</code> <code>finally</code> <code>float</code> <code>for</code> <code>function</code> <code>goto</code> <code>if</code> <code>implements</code> <code>import</code> <code>in</code></li> <li><code>instanceof</code> <code>int</code> <code>interface</code> <code>long</code> <code>native</code> <code>new</code> <code>null</code> <code>package</code> <code>private</code> <code>protected</code> <code>public</code> <code>return</code> <code>short</code> <code>static</code> <code>super</code></li> <li><code>switch</code> <code>synchronized</code> <code>this</code> <code>throw</code> <code>throws</code> <code>transient</code> <code>true</code> <code>try</code> <code>typeof</code> <code>var</code> <code>void</code> <code>volatile</code> <code>while</code> <code>with</code></li> +</ul> +<p> </p> + +<p>{{ languages( { "en": "en/Core_JavaScript_1.5_Reference/Reserved_Words", "es": "es/Referencia_de_JavaScript_1.5/Palabras_Reservadas", "fr": "fr/R\u00e9f\u00e9rence_de_JavaScript_1.5_Core/Mots_r\u00e9serv\u00e9s", "ja": "ja/Core_JavaScript_1.5_Reference/Reserved_Words" } ) }}</p> diff --git a/files/pl/conflicting/web/javascript/reference/operators/index.html b/files/pl/conflicting/web/javascript/reference/operators/index.html new file mode 100644 index 0000000000..2f4eddc1e9 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/operators/index.html @@ -0,0 +1,559 @@ +--- +title: Operatory bitowe +slug: Web/JavaScript/Referencje/Operatory/Bitwise_Operators +tags: + - JavaScript + - Operator +translation_of: Web/JavaScript/Reference/Operators +translation_of_original: Web/JavaScript/Reference/Operators/Bitwise_Operators +--- +<div>{{jsSidebar("Operators")}}</div> + +<p><strong>Operatory bitowe</strong> traktuję swoje operandy jako sekwencje 32 bitów (zer i jedynek), bardziej niż jako dziesiętne, szesnastkowe czy ósemkowe <a href="pl/docs/Web/JavaScript/Referencje/Obiekty/Number">wartości liczbowe</a>. Przykładowo, reprezentacją binarną dziesiętnej liczby 9 jest 1001. Operatory bitowe dokonują operacji na takich właśnie reprezentacjach bitowych, zwracają jednak standardowe JavaScriptowe wartości liczbowe.</p> + +<div>{{EmbedInteractiveExample("pages/js/expressions-bitwiseoperators.html")}}</div> + + + +<p>Poniższa tabela zawiera podsumowanie operatorów bitowych w języku JavaScript:</p> + +<table class="standard-table"> + <tbody> + <tr> + <th>Operator</th> + <th>Użycie</th> + <th>Opis</th> + </tr> + <tr> + <td><a href="#Bitowe_AND">Bitowe AND</a></td> + <td><code>a & b</code></td> + <td>Zwraca <code>1</code> na każdej pozycji bitowej, dla której odpowiadające jej bity obydwu operandów mają wartość <code>1</code>.</td> + </tr> + <tr> + <td><a href="#Bitowe_OR">Bitowe OR</a></td> + <td><code>a | b</code></td> + <td>Zwraca <code>1</code> na każdej pozycji bitowej, dla której jeden lub oba odpowiadające jej bity operandów mają wartość <code>1</code>.</td> + </tr> + <tr> + <td><a href="#Bitowe_XOR">Bitowe XOR</a></td> + <td><code>a ^ b</code></td> + <td>Zwraca <code>1</code> na każdej pozycji bitowej, dla której dokładnie jeden bit spośród odpowiadających jej bitów operandów ma wartość jeden.</td> + </tr> + <tr> + <td><a href="#Bitowe_NOT">Bitowe NOT</a></td> + <td><code>~ a</code></td> + <td>Neguje bity swojego operandu.</td> + </tr> + <tr> + <td><a href="#Przesuniecie_w_lewo">Przesunięcie w lewo</a></td> + <td><code>a << b</code></td> + <td>Przesuwa <code>a</code> w binarnej reprezentacji o <code>b</code> bitów w lewo (gdzie <code>b</code> < 32), dodając zera z prawej strony.</td> + </tr> + <tr> + <td><a href="#Przesuniecie_w_prawo_z_propagacja_znaku">Przesunięcie w prawo z propagacją znaku</a></td> + <td><code>a >> b</code></td> + <td>Przesuwa <code>a</code> w binarnej reprezentacji o <code>b</code> bitów w prawo (gdzie <code>b</code> < 32), odrzucając <code>b</code> bitów z prawej strony.</td> + </tr> + <tr> + <td><a href="#Przesuniecie_w_prawo_z_dopelnieniem_zerami">Przesunięcie w prawo z dopełnieniem zerami</a></td> + <td><code>a >>> b</code> </td> + <td>Przesuwa <code>a</code> w binarnej reprezentacji o <code>b</code> bitów w prawo (gdzie <code>b</code> < 32), odrzucając <code>b</code> bitów z prawej strony i uzupełniając sekwencję zerami z lewej strony.</td> + </tr> + </tbody> +</table> + +<h2 id="32-bitowe_wartości_całkowite_ze_znakiem">32-bitowe wartości całkowite ze znakiem</h2> + +<p>Operandy wszystkich operatorów bitowych są konwertowane do 32-bitowych wartości całkowitych w dwójkowym <a href="https://en.wikipedia.org/wiki/Method_of_complements">kodzie uzupełnieniowym</a>, z wyjątkiem przesunięcia w prawo z dopełnieniem zerami, które zwraca 32-bitową wartość całkowitą bez znaku. Dwójkowy kod uzupełnieniowy oznacza, że liczba przeciwna danej wartości (na przykład 5 i -5) ma wszystkie bity zanegowane w stosunku do tejże wartości (bitowe NOT liczby, znane również jako jedynkowe dopełnienie liczby) plus jeden. Przykładowo, dziesiętna liczba 314 ma następującą postać dwójkową:</p> + +<pre class="brush: js">00000000000000000000000100111010 +</pre> + +<p>Reprezentacja binarna <code>~314</code>, czyli jedynkowe dopełnienie <code>314</code>:</p> + +<pre class="brush: js">11111111111111111111111011000101 +</pre> + +<p><code>-314</code> ma ostatecznie następującą postać, będącą dwójkowym dopełnieniem <code>314</code>:</p> + +<pre class="brush: js">11111111111111111111111011000110 +</pre> + +<p>Dopełnienie dwójkowe gwarantuje, że skrajny lewy bit będzie zerem dla liczby dodatniej i jedynką dla liczby ujemnej – bit ten zwany jest stąd <em>bitem znaku</em>.</p> + +<p>Liczba <code>0</code> jest wartością całkowitą, złożoną w całości z bitów o wartości <code>0</code>.</p> + +<pre class="brush: js">0 (base 10) = 00000000000000000000000000000000 (base 2) +</pre> + +<p>Liczba <code>-1</code> jest wartością całkowitą, złożoną z samych bitów o wartości <code>1</code>.</p> + +<pre class="brush: js">-1 (base 10) = 11111111111111111111111111111111 (base 2) +</pre> + +<p>Liczba <code>-2147483648</code> (reprezentacja szesnastkowa: <code>-0x80000000</code>) jest wartością całkowitą, złożoną z samych bitów o wartości <code>0</code>, z wyjątkiem pierwszego (znajdującego się najbardziej z lewej strony) bitu.</p> + +<pre class="brush: js">-2147483648 (base 10) = 10000000000000000000000000000000 (base 2) +</pre> + +<p>Liczba <code>2147483647</code> (rprezentacja szesnastkowa: <code>0x7fffffff</code>) jest wartością całkowitą, złożoną jedynie z bitów o wartości 1, z wyjątkiem pierwszego (skrajnie lewego) bitu.</p> + +<pre class="brush: js">2147483647 (base 10) = 01111111111111111111111111111111 (base 2) +</pre> + +<p>Liczby <code>-2147483648</code> i <code>2147483647</code> stanowią odpowiednio minimalną i maksymalną wartość całkowitą, którą można zapisać przy użyciu 32-bitowej liczby ze znakiem.</p> + +<h2 id="Bitowe_operatory_logiczne">Bitowe operatory logiczne</h2> + +<p>Idea działania bitowych operatorów logicznych jest następująca:</p> + +<ul> + <li>Operandy są konwertowane do 32-bitowych wartości całkowitych, wyrażanych jako sekwencja bitów (zer i jedynek). Dla liczb o więcej niż 32 bitach odrzuca się najbardziej znaczące bity. Przykładowo, następująca wartość całkowita zajmująca więcej niż 32 bity będzie przekonwertowana do 32-bitowej wartości w następujący sposób: + <pre class="brush: js">Przed: 11100110111110100000000000000110000000000001 +Po: 10100000000000000110000000000001</pre> + </li> + <li>Każdy z bitów pierwszego operandu parowany jest z odpowiadającym mu bitem drugiego operandu: pierwszy z pierwszym, drugi z drugim i tak dalej (idąc od prawej strony).</li> + <li>Operator jest stosowany na każdej parze bitów, a wynik jest tworzony bitowo.</li> +</ul> + +<h3 id="Bitowe_AND_2"><a id="Bitowe_AND" name="Bitowe_AND">& (Bitowe AND)</a></h3> + +<p>Stosuje operację AND (koniunkcję) na każdej parze bitów. <code>a</code> AND <code>b</code> daje <code>1</code> wtedy i tylko wtedy, gdy zarówno <code>a</code>, jak i <code>b</code> będą miały wartość <code>1</code>. Tablica prawdy dla operacji AND przedstawiona jest poniżej:</p> + +<table class="standard-table"> + <tbody> + <tr> + <td class="header">a</td> + <td class="header">b</td> + <td class="header">a AND b</td> + </tr> + <tr> + <td>0</td> + <td>0</td> + <td>0</td> + </tr> + <tr> + <td>0</td> + <td>1</td> + <td>0</td> + </tr> + <tr> + <td>1</td> + <td>0</td> + <td>0</td> + </tr> + <tr> + <td>1</td> + <td>1</td> + <td>1</td> + </tr> + </tbody> +</table> + +<pre class="brush: js">. 9 (base 10) = 00000000000000000000000000001001 (base 2) + 14 (base 10) = 00000000000000000000000000001110 (base 2) + -------------------------------- +14 & 9 (base 10) = 00000000000000000000000000001000 (base 2) = 8 (base 10) +</pre> + +<p>Bitowa koniunkcja (AND) dowolnej wartości <code>x</code> i <code>0</code> zawsze daje <code>0</code>.</p> + +<h3 id="Bitowe_OR_2"><a id="Bitowe_OR" name="Bitowe_OR">| (Bitowe OR)</a></h3> + +<p>Stosuje operację OR (alternatywę) na każdej parze bitów. <code>a</code> OR <code>b</code> daje <code>1</code> wtedy i tylko wtedy, gdy <code>a</code> lub <code>b</code> ma wartość <code>1</code>. Tablica prawdy dla operacji OR przedstawina jest poniżej:</p> + +<table class="standard-table"> + <tbody> + <tr> + <td class="header">a</td> + <td class="header">b</td> + <td class="header">a OR b</td> + </tr> + <tr> + <td>0</td> + <td>0</td> + <td>0</td> + </tr> + <tr> + <td>0</td> + <td>1</td> + <td>1</td> + </tr> + <tr> + <td>1</td> + <td>0</td> + <td>1</td> + </tr> + <tr> + <td>1</td> + <td>1</td> + <td>1</td> + </tr> + </tbody> +</table> + +<pre class="brush: js">. 9 (base 10) = 00000000000000000000000000001001 (base 2) + 14 (base 10) = 00000000000000000000000000001110 (base 2) + -------------------------------- +14 | 9 (base 10) = 00000000000000000000000000001111 (base 2) = 15 (base 10) +</pre> + +<p>Zastosowanie alternatywy bitowej (OR) dowlonej wartości <code>x</code> i <code>0</code> zawsze daje <code>x</code>.</p> + +<h3 id="Bitowe_XOR_2"><a id="Bitowe_XOR" name="Bitowe_XOR">^ (Bitowe XOR)</a></h3> + +<p>Stosuje bitowe XOR (alternatywę wykluczającą) na każdej parze bitów. <code>a</code> XOR <code>b</code> daje <code>1</code> wtedy i tylko wtedy, gdy <code>a</code> i<strong> </strong><code>b</code> mają różne wartości. Tablica prawdy dla operacji XOR przedstawiona jest poniżej:</p> + +<table class="standard-table"> + <tbody> + <tr> + <td class="header">a</td> + <td class="header">b</td> + <td class="header">a XOR b</td> + </tr> + <tr> + <td>0</td> + <td>0</td> + <td>0</td> + </tr> + <tr> + <td>0</td> + <td>1</td> + <td>1</td> + </tr> + <tr> + <td>1</td> + <td>0</td> + <td>1</td> + </tr> + <tr> + <td>1</td> + <td>1</td> + <td>0</td> + </tr> + </tbody> +</table> + +<pre class="brush: js">. 9 (base 10) = 00000000000000000000000000001001 (base 2) + 14 (base 10) = 00000000000000000000000000001110 (base 2) + -------------------------------- +14 ^ 9 (base 10) = 00000000000000000000000000000111 (base 2) = 7 (base 10) +</pre> + +<p>Zastosowanie bitowej alternatywy wykluczającej (XOR) dowolnej wartości <code>x</code> i <code>0</code> daje <code>x</code>.</p> + +<h3 id="Bitowe_NOT_2"><a id="Bitowe_NOT" name="Bitowe_NOT">~ (Bitowe NOT)</a></h3> + +<p>Stosuje operator NOT (negację) na każdym bicie. NOT <code>a</code> zwraca odwróconą wartość (inaczej zwaną dopełnieniem jedynkowym) <code>a</code>. Tablica prawdy operacji NOT przedstawiona jest poniżej:</p> + +<table class="standard-table"> + <tbody> + <tr> + <td class="header">a</td> + <td class="header">NOT a</td> + </tr> + <tr> + <td>0</td> + <td>1</td> + </tr> + <tr> + <td>1</td> + <td>0</td> + </tr> + </tbody> +</table> + +<pre class="brush: js"> 9 (base 10) = 00000000000000000000000000001001 (base 2) + -------------------------------- +~9 (base 10) = 11111111111111111111111111110110 (base 2) = -10 (base 10) +</pre> + +<p>Bitowa negacja (NOT) dowolnej wartości <code>x</code> daje <code>-(x + 1)</code>. Przykładowo, <code>~-5</code> daje <code>4</code>.</p> + +<p>Zauważmy, że z powodu używania 32-bitowej reprezentacji liczb, zarówno <code>~-1</code>, jak i <code>~4294967295</code> (2<sup>32</sup>-1) daje wynik <code>0</code>.</p> + +<h2 id="Bitowe_operatory_przesunięcia">Bitowe operatory przesunięcia</h2> + +<p>Bitowe operatory przesunięcia przyjmują dwa operandy: pierwszy jest wartością do przesunięcia, a drugi wskazuje liczbę pozycji bitowych, o którą pierszy operand ma być przesunięty. Kierunek operacji przesunięcia jest zdefiniowany przez użycie danego operatora.</p> + +<p>Operatory przesunięcia konwertują swoje operandy do 32-bitowych wartości całkowitych w porządku big-endian (znanym też pod nazwą <em>grubokońcowość</em>) i zwraca wynik tego samego typu, co lewy operand. Użytych będzie przy tym jedynie pięć najniższych bitów prawego operandu.</p> + +<h3 id="<<_Przesunięcie_w_lewo"><a id="Przesuniecie_w_lewo" name="Przesuniecie_w_lewo"><< (Przesunięcie w lewo)</a></h3> + +<p>Operator ten przesuwa pierwszy operand o określoną liczbę bitów w lewo. Nadmiarowe bity przesunięte poza zakres z lewej strony są odrzucane. Z prawej strony sekwencja uzupełniana jest zerami.</p> + +<p>Przykładowo, <code>9 << 2</code> daje 36:</p> + +<pre class="brush: js">. 9 (base 10): 00000000000000000000000000001001 (base 2) + -------------------------------- +9 << 2 (base 10): 00000000000000000000000000100100 (base 2) = 36 (base 10) +</pre> + +<p>Bitowe przesuwanie dowolnej wartości <code>x</code> w lewo o <code>y</code> bitów daje <code>x * 2 ** y</code>.<br> + Tak więc, przykładowo: <code>9 << 3</code> można przetłumaczyć jako: <code>9 * (2 ** 3) = 9 * (8) =</code><code> 72</code>.</p> + +<h3 id=">>_Przesunięcie_w_prawo_z_propagacją_znaku"><a id="Przesuniecie_w_prawo_z_propagacja_znaku" name="Przesuniecie_w_prawo_z_propagacja_znaku">>> (Przesunięcie w prawo z propagacją znaku)</a></h3> + +<p>Operator ten przesuwa pierwszy operand o określoną liczbę bitów w prawo. Nadmiarowe bity przesunięte z prawej strony poza zakres są odrzucane. Sekwencja jest uzupełniana z lewej strony wartościami skrajnie lewego bitu. Kiedy skrajnie lewy bit ma taką samą wartość, jak poprzedni skrajnie lewy bit, znak się nie zmienia – stąd nazwa „z propagacją znaku”.</p> + +<p>Przykładowo, <code>9 >> 2</code> daje 2:</p> + +<pre class="brush: js">. 9 (base 10): 00000000000000000000000000001001 (base 2) + -------------------------------- +9 >> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10) +</pre> + +<p>Podobnie, <code>-9 >> 2</code> daje <code>-3</code>, ponieważ zachowywany jest znak:</p> + +<pre class="brush: js">. -9 (base 10): 11111111111111111111111111110111 (base 2) + -------------------------------- +-9 >> 2 (base 10): 11111111111111111111111111111101 (base 2) = -3 (base 10) +</pre> + +<h3 id=">>>_Przesunięcie_w_prawo_z_dopełnieniem_zerami"><a id="Przesuniecie_w_prawo_z_dopelnieniem_zerami" name="Przesuniecie_w_prawo_z_dopelnieniem_zerami">>>> (Przesunięcie w prawo z dopełnieniem zerami)</a></h3> + +<p>Operator ten przesuwa pierwszy operand o określoną liczbę bitów w prawo. Nadmiarowe bity przesunięte poza zakres z prawej strony są odrzucane. Sekwencja jest uzupełniana z lewej strony zerami. Bit znaku staje się zerem, dlatego też wynik jest zawsze nieujemny. W przeciwieństwie do pozostałych operatorów bitowych, przesunięcie w prawo z dopełnieniem zerami zwraca 32-bitową wartość całkowitą bez znaku.</p> + +<p>Dla liczb nieujemnych, przesunięcie w prawo z zerami i z zachowaniem znaku dają taki sam wynik. Przykładowo, <code>9 >>> 2</code> daje 2, tak samo jak <code>9 >> 2</code>:</p> + +<pre class="brush: js">. 9 (base 10): 00000000000000000000000000001001 (base 2) + -------------------------------- +9 >>> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10) +</pre> + +<p>Inaczej wygląda to jednak w przypadku liczb ujemnych. Przykładowo, <code>-9 >>> 2</code> daje 1073741821, co jest różne od <code>-9 >> 2</code> (które daje <code>-3</code>):</p> + +<pre class="brush: js">. -9 (base 10): 11111111111111111111111111110111 (base 2) + -------------------------------- +-9 >>> 2 (base 10): 00111111111111111111111111111101 (base 2) = 1073741821 (base 10) +</pre> + +<h2 id="Przykłady">Przykłady</h2> + +<h3 id="Flagi_i_maski_bitowe">Flagi i maski bitowe</h3> + +<p>Bitowe operatory logiczne są często używane do tworzenia, manipulowania i odczytywania sekwencji <em>flag</em>, które działają jak zmienne binarne. Zmienne mogą być używane zamiast tych sekwencji, ale flagi zajmują znacznie mniej pamięci (32-krotnie).</p> + +<p>Załóżmy, że mamy następujące 4 flagi:</p> + +<ul> + <li>flaga A: mamy problem z mrówkami,</li> + <li>flaga B: mamy nietoperza,</li> + <li>flaga C: mamy kota,</li> + <li>flaga D: mamy kaczkę.</li> +</ul> + +<p>Flagi te są reprezentowane przez sekwencję bitów: DCBA. Kiedy flaga jest <em>ustawiona</em>, odpowiedni bit ma wartość 1. Kiedy flaga jest <em>wyczyszczona</em>, właściwy bit ma wartość 0. Załóżmy, że zmienna <code>flagi</code> ma binarną wartość 0101:</p> + +<pre class="brush: js">var flagi = 5; // binarnie 0101 +</pre> + +<p>Wartość ta wskazuje, że:</p> + +<ul> + <li>flaga A ma wartość „prawda” (mamy problem z mrówkami);</li> + <li>flaga B ma wartość „fałsz” (nie mamy nietoperza);</li> + <li>flaga C ma wartość „prawda” (mamy kota);</li> + <li>flaga D ma wartość „fałsz” (nie mamy kaczki);</li> +</ul> + +<p>Ponieważ operatory bitowe są 32-bitowe, 0101 to faktycznie 00000000000000000000000000000101, ale zera wiodące mogą być pominięte, gdyż nie zawierają żadnej znaczącej informacji.</p> + +<p><em>Maska bitowa</em> jest sekwencją bitów pozwalającą na manipulowanie flagami lub odczytywanie ich wartości. Zazwyczaj „podstawowe” maski bitowe dla każdej flagi będą zdefiniowane w następujący sposób:</p> + +<pre class="brush: js">var FLAGA_A = 1; // 0001 +var FLAGA_B = 2; // 0010 +var FLAGA_C = 4; // 0100 +var FLAGA_D = 8; // 1000 +</pre> + +<p>Nowe maski bitowe mogą być stworzone przy użyciu operatorów bitowych na tychże podstawowych maskach. Przykładowo, maska 1011 może być stworzona przy użyciu operatora OR na zmiennych FLAGA_A, FLAGA_B i FLAGA_D.</p> + +<pre class="brush: js">var maska = FLAGA_A | FLAGA_B | FLAGA_D; // 0001 | 0010 | 1000 => 1011 +</pre> + +<p>Pojedyncze wartości flag mogą być wyekstrahowane przez użycie operatora AND na fladze i właściwej masce – bit z wartością 1 „ekstrahuje” odpowiednią flagę. Maska bitowa <em>maskuje</em> wszystkie nieistotne flagi przez koniunkcję ich bitów z zerami maski (stąd nazwa „maska”). Przykładowo, maska 0100 może być użyta do sprawdzenia, czy flaga C jest ustawiona:</p> + +<pre class="brush: js">// czy mamy kota +if (flagi & FLAGA_C) { // 0101 & 0100 => 0100 => true + // coś zrób +} +</pre> + +<p>Maska z ustawionymi wieloma flagami działa jak alternatywa logiczna. Przykładowo, poniższe dwie wersje są równoważne:</p> + +<pre class="brush: js">// czy mamy nietoperza lub czy mamy kota +// (0101 & 0010) || (0101 & 0100) => 0000 || 0100 => true +if ((flagi & FLAGA_B) || (flagi & FLAGA_C)) { + // coś zrób +} +</pre> + +<pre class="brush: js">// czy mamy nietoperza lub kota +var maska = FLAGA_B | FLAGA_C; // 0010 | 0100 => 0110 +if (flagi & maska) { // 0101 & 0110 => 0100 => true + // coś zrób +} +</pre> + +<p>Flagi mogą być ustawione przez użycie na nich i masce operacji OR, gdzie każdy z bitów z wartością 1 będzie ustawiał odpowiednią flagę, jeśli nie jest już ustawiona. Przykładowo, maska 1100 może być użyta do ustawienia flag C i D:</p> + +<pre class="brush: js">// tak, możemy mieć kota i kaczkę +var maska = FLAGA_C | FLAGA_D; // 0100 | 1000 => 1100 +flagi |= maska; // 0101 | 1100 => 1101 +</pre> + +<p>Flagi mogą być czyszczone przez użycie operatora AND z maską, gdzie każdy z bitów z wartością 0 będzie czyścił odpowiednią flagę, jeśli nie jest już wyczyszczona. Maska może być stworzona przez użycie operatora NOT na maskach podstawowych. Przykładowo, maska 1010 może być użyta do wyczyszczenia flag A i C:</p> + +<pre class="brush: js">// nieprawdą jest, że mamy problem z mrówkami lub posiadamy kota +var maska = ~(FLAG_A | FLAG_C); // ~0101 => 1010 +flagi &= maska; // 1101 & 1010 => 1000 +</pre> + +<p>Maska może być również stworzona przez wyrażenie <code>~FLAG_A & ~FLAG_C</code> (z praw De Morgana):</p> + +<pre class="brush: js">// nie, nie mamy problemu z mrówkami i nie posiadamy kota +var maska = ~FLAGA_A & ~FLAGA_C; +flagi &= maska; // 1101 & 1010 => 1000 +</pre> + +<p>Flagi mogą być przełączane przez użycie operatora XOR z maską bitową, gdzie każðy bit będzie przełączał odpowiednią flagę. Przykładowo, maska 0110 może być użyta do przełączenia flag B i C:</p> + +<pre class="brush: js">// jeśli nie mieliśmy nietoperza, teraz go mamy, +// a jeśli go mieliśmy – pa, pa, nietoperku! +// tak samo z kotami +var maska = FLAGA_B | FLAGA_C; +flagi = flagi ^ maska; // 1100 ^ 0110 => 1010 +</pre> + +<p>Flagi mogą być odwracane przez operator NOT:</p> + +<pre class="brush: js">// przechodzimy do równoległego wszechświata... +flagi = ~flagi; // ~1010 => 0101 +</pre> + +<h3 id="Conversion_snippets">Conversion snippets</h3> + +<p>Konwersja binarnej zmiennej typu <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> do liczby dziesiętnej typu <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number">Number</a></code>:</p> + +<pre class="brush: js">var sBinString = '1011'; +var nMojaLiczba = parseInt(sBinString, 2); +alert(nMojaLiczba); // wypisuje 11, tzn. binarnie 1011 +</pre> + +<p>Konwersja dziesiętnej liczby do binarnego Stringa:</p> + +<pre class="brush: js">var nMojaLiczba = 11; +var sBinString = nMojaLiczba.toString(2); +alert(sBinString); // wypisuje 1011, tzn. dziesiętnie 11 +</pre> + +<h3 id="Automatyczne_tworzenie_masek">Automatyczne tworzenie masek</h3> + +<p>Możesz stworzyć wiele masek ze zbioru wartości typu <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Boolean</a></code> values, na przykład:</p> + +<pre class="brush: js">function createMask() { + var nMask = 0, nFlag = 0, nLen = arguments.length > 32 ? 32 : arguments.length; + for (nFlag; nFlag < nLen; nMask |= arguments[nFlag] << nFlag++); + return nMask; +} +var mask1 = createMask(true, true, false, true); // 11, i.e.: 1011 +var mask2 = createMask(false, false, true); // 4, i.e.: 0100 +var mask3 = createMask(true); // 1, i.e.: 0001 +// itd. + +alert(mask1); // wypisuje 11, czyli binarnie: 1011 +</pre> + +<h3 id="Algorytm_odwrotny_tablica_zmiennych_boolowskich_z_maski">Algorytm odwrotny: tablica zmiennych boolowskich z maski</h3> + +<p>Jeśli chcesz stworzyć tablicę złożoną ze zmiennych boolowskich, możesz użyć następującego kodu:</p> + +<pre class="brush: js">function arrayFromMask(nMask) { + // nMask musi być pomiędzy -2147483648 a 2147483647 + if (nMask > 0x7fffffff || nMask < -0x80000000) { + throw new TypeError('arrayFromMask - out of range'); + } + for (var nShifted = nMask, aFromMask = []; nShifted; + aFromMask.push(Boolean(nShifted & 1)), nShifted >>>= 1); + return aFromMask; +} + +var array1 = arrayFromMask(11); +var array2 = arrayFromMask(4); +var array3 = arrayFromMask(1); + +alert('[' + array1.join(', ') + ']'); +// wypisuje "[true, true, false, true]", tzn.: 11, tzn.: 1011 +</pre> + +<p>Możesz przetestować obydwa algorytmy naraz:</p> + +<pre class="brush: js">var nTest = 19; // nasza maska +var nResult = createMask.apply(this, arrayFromMask(nTest)); + +alert(nResult); // 19 +</pre> + +<p>Jedynie dla celów dydaktycznych (jako że istnieje metoda <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number/toString">Number.toString(2)</a></code>), pokażemy jak można zmodyfikować algorytm <code>arrayFromMask</code> tak, by tworzył zmienną <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> zawierającą binarną reprezentację danej liczby, zamiast tablicy zmiennych typu <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Boolean</a></code>:</p> + +<pre class="brush: js">function createBinaryString(nMask) { + // nMask musi być pomiędzy -2147483648 a 2147483647 + for (var nFlag = 0, nShifted = nMask, sMask = ''; nFlag < 32; + nFlag++, sMask += String(nShifted >>> 31), nShifted <<= 1); + return sMask; +} + +var string1 = createBinaryString(11); +var string2 = createBinaryString(4); +var string3 = createBinaryString(1); + +alert(string1); +// wypisuje 00000000000000000000000000001011, i.e. 11 +</pre> + +<h2 id="Specyfikacje">Specyfikacje</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specyfikacja</th> + <th scope="col">Status</th> + <th scope="col">Komentarz</th> + </tr> + <tr> + <td>{{SpecName('ES1')}}</td> + <td>{{Spec2('ES1')}}</td> + <td>Definicja początkowa.</td> + </tr> + <tr> + <td>{{SpecName('ES5.1', '#sec-11.7')}}</td> + <td>{{Spec2('ES5.1')}}</td> + <td>Zdefiniowane w kilku sekcjach specyfikacji: <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-11.4.8">Bitwise NOT operator</a>, <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-11.7">Bitwise shift operators</a>, <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-11.10">Binary bitwise operators</a></td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-bitwise-shift-operators')}}</td> + <td>{{Spec2('ES6')}}</td> + <td>Zdefiniowane w kilku sekcjach specyfikacji: <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-bitwise-not-operator">Bitwise NOT operator</a>, <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-bitwise-shift-operators">Bitwise shift operators</a>, <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-binary-bitwise-operators">Binary bitwise operators</a></td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-bitwise-shift-operators')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td>Zdefiniowane w kilku sekcjach specyfikacji: <a href="http://tc39.github.io/ecma262/#sec-bitwise-not-operator">Bitwise NOT operator</a>, <a href="http://tc39.github.io/ecma262/#sec-bitwise-shift-operators">Bitwise shift operators</a>, <a href="http://tc39.github.io/ecma262/#sec-binary-bitwise-operators">Binary bitwise operators</a></td> + </tr> + </tbody> +</table> + +<h2 id="Wsparcie_przeglądarek">Wsparcie przeglądarek</h2> + +<div class="hidden"> +<p>The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p> +</div> + +<p>{{Compat("javascript.operators.bitwise")}}</p> + +<h2 id="Zobacz_też">Zobacz też</h2> + +<ul> + <li><a href="/pl/docs/Web/JavaScript/Referencje/Operatory/Logical_Operators">Operatory logiczne</a></li> +</ul> diff --git a/files/pl/conflicting/web/javascript/reference/operators/spread_syntax/index.html b/files/pl/conflicting/web/javascript/reference/operators/spread_syntax/index.html new file mode 100644 index 0000000000..c8cc1533f8 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/operators/spread_syntax/index.html @@ -0,0 +1,230 @@ +--- +title: Spread syntax +slug: Web/JavaScript/Referencje/Operatory/Spread_operator +tags: + - ECMAScript 2015 + - Iterator + - JavaScript + - Operator Rozwinięcia +translation_of: Web/JavaScript/Reference/Operators/Spread_syntax +translation_of_original: Web/JavaScript/Reference/Operators/Spread_operator +--- +<div>{{jsSidebar("Operators")}}</div> + +<p>Operator spread umożliwia rozwinięcie wyrażenia. <strong>Składnia rozwinięcia</strong> pozwala na rozwinięcie wyrażenia w miejscach, w których potrzebne jest wiele argumentów (do wywołań funkcji), wiele elementów (do literałów tablicowych) lub wiele zmiennych ().</p> + +<h2 id="Składnia">Składnia</h2> + +<p>Do wywołań funkcji:</p> + +<pre class="brush: js">mojaFunkcja(...iterowalnyObiekt); +</pre> + +<p>Do literałów tablicowych:</p> + +<pre class="brush: js">[...iterowalnyObiekt, 4, 5, 6]</pre> + +<p> </p> + +<p>Do przypisań destrukturyzujących:</p> + +<pre class="brush: js">var [glowa, ...ogon] = [1, 2, 3, 4]</pre> + +<h2 id="Przykłady">Przykłady</h2> + +<h3 id="Lepsze_zastosowanie">Lepsze zastosowanie</h3> + +<p><strong>Przykład:</strong> powszechne jest użycie {{jsxref( "Function.prototype.apply")}} w przypadkach, gdy chcesz użyć tablic jako argumentów funkcji.</p> + +<pre class="brush: js">function mojaFunkcja(x, y, z) { } +var args = [0, 1, 2]; +mojaFunkcja.apply(null, args);</pre> + +<p>Ze składnią rozwinięcia (spread) ES2015 powyższy kod można zapisać jako:</p> + +<pre class="brush: js">function mojaFunkcja(x, y, z) { } +var args = [0, 1, 2]; +mojaFunkcja(...args);</pre> + +<p>Dowolny argument w liście argumentów może użyć składni rozwinięcia i może być użyty wiele razy.</p> + +<pre class="brush: js">function myFunction(v, w, x, y, z) { } +var args = [0, 1]; +myFunction(-1, ...args, 2, ...[3]);</pre> + +<h3 id="Potężniejszy_literał_tablicowy">Potężniejszy literał tablicowy</h3> + +<p><strong>Przykład:</strong> Jeżeli masz tablicę i chcesz utworzyć nową tablicę z tą tablicą jako jej częścią, składnia literału tablicowego nie jest już wystarczająca i należy cofnąć się do programowania imperatywnego, użyć kombinacji <code>push</code>, <code>splice</code>, <code>concat</code>, itp. Z użyciem składni rozwinięcia wygląda to dużo prościej:</p> + +<pre class="brush: js">var czesci = ['ramiona', 'kolana']; +var rymowanka = ['glowa', ...czesci, 'i', 'palce']; // <span class="objectBox objectBox-array"><a class="objectLink "><span class="arrayLeftBracket">[</span></a><span class="objectBox objectBox-string">"glowa"</span><span class="arrayComma">, </span><span class="objectBox objectBox-string">"</span></span>ramiona<span class="objectBox objectBox-array"><span class="objectBox objectBox-string">"</span><span class="arrayComma">, </span><span class="objectBox objectBox-string">"kolana"</span><span class="arrayComma">, </span><span class="objectBox objectBox-string">"i"</span><span class="arrayComma">, </span><span class="objectBox objectBox-string">"palce"</span></span>] +</pre> + +<p>Tak samo jak rozwinięcie może być użyte do list argumentów, <code>...</code> mogą być użyte wszędzie w literale tablicowym, także wiele razy.</p> + +<h3 id="Zastosowanie_z_new">Zastosowanie z new</h3> + +<p><strong>Przykład:</strong> W ES5 nie jest możliwa kompozycja <code>new</code> z <code>apply.</code> (W ES5, <code>apply</code> wykonuje <code>[[Call]]<font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">, a nie </span></font></code><code>[[Construct]].</code>) W ES2015 składnia rozwinięcia wygląda następująco:</p> + +<pre class="brush: js">var daty = czytajDaty(bazaDanych); +var d = new Date(...daty);</pre> + +<h3 id="Kopiowanie_tablicy">Kopiowanie tablicy</h3> + +<pre class="brush: js">var tablica = [1,2,3]; +var tablica2 = [...tablica]; // jak tablica.slice() +tablica2.push(4); // tablica2 staje się [1,2,3,4], tablica pozostaje niezmieniona + +</pre> + +<h3 id="Ulepszone_push">Ulepszone push</h3> + +<p><strong>Przykład:</strong> {{jsxref("Global_Objects/Array/push", "push")}} jest często używany, by dodać tablicę na koniec innej tablicy. W ES5 jest to często osiągane przez:</p> + +<pre class="brush: js">var tablica1 = [0, 1, 2]; +var tablica2 = [3, 4, 5]; +// Dodaj wszystkie elementy z tablica2 do tablica1 +Array.prototype.push.apply(tablica1, tablica2);</pre> + +<p>W ES2015 z rozwinięciem wygląda to następująco:</p> + +<pre class="brush: js">var tablica1 = [0, 1, 2]; +var tablica2 = [3, 4, 5]; +tablica1.push(...tablica2);</pre> + +<h3 id="Użycie_jedynie_dla_obiektów_iterowalnych">Użycie jedynie dla obiektów iterowalnych</h3> + +<pre class="brush: js">var obiekt = {"klucz1":"wartosc1"}; +function mojaFunkcja(x) { + /* ... */ +} +// proba rozwinięcia nieiterowalnego elementu +// spowoduje błąd +mojaFunkcja(...obiekt); +var args = [...obiekt]; +// TypeError: obiekt is not iterable</pre> + +<h2 id="Operator_reszty">Operator reszty</h2> + +<p>Operator reszty, który wygląda dokładnie jak składnia rozwinięcia (spread), jest używany do destrukturyzacji obiektów i tablic. W pewnym stopniu, elementy reszty są przeciwieństwem elementów rozwinięcia: rozwinięcie 'rozbija' tablicę na elementy, natomiast reszta zbiera wiele elementów i 'zwija' je w jeden element.</p> + +<h2 id="Specyfikacje">Specyfikacje</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specyfikacja</th> + <th scope="col">Stan</th> + <th scope="col">Komentasz</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('ES2015', '#sec-array-initializer')}}</td> + <td>{{Spec2('ES2015')}}</td> + <td>Zdefiniowany w kilku sekcjach specyfikacji: <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array-initializer">Array Initializer</a>, <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-argument-lists">Argument Lists</a></td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-array-initializer')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Kompatybilność_przeglądarek">Kompatybilność przeglądarek</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Funkcja</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Operacja rozwinięcia w literałach tablicowych</td> + <td>{{CompatChrome("46")}}</td> + <td>{{ CompatGeckoDesktop("16") }}</td> + <td>{{CompatIE("Edge")}}</td> + <td>{{CompatNo}}</td> + <td>7.1</td> + </tr> + <tr> + <td>Operacja rozwinięcia w wywołaniach funkcji</td> + <td>{{CompatChrome("46")}}</td> + <td>{{ CompatGeckoDesktop("27") }}</td> + <td>{{CompatIE("Edge")}}</td> + <td>{{CompatNo}}</td> + <td>7.1</td> + </tr> + <tr> + <td>Operacja rozwinięcia w destrukturyzacji</td> + <td>{{CompatChrome("49")}}</td> + <td>{{ CompatGeckoDesktop("34") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Funkcja</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Operacja rozwinięcia w literałach tablicowych</td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome("46")}}</td> + <td>{{ CompatGeckoMobile("16") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>8</td> + <td>{{CompatChrome("46")}}</td> + </tr> + <tr> + <td>Operacja rozwinięcia w wywołaniach funkcji</td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome("46")}}</td> + <td>{{ CompatGeckoMobile("27") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>8</td> + <td>{{CompatChrome("46")}}</td> + </tr> + <tr> + <td>Operacja rozwinięcia w destrukturyzacji</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("34") }}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Zobacz_też">Zobacz też</h2> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/rest_parameters">Parametry reszty</a></li> + <li><a href="http://exploringjs.com/es6/ch_destructuring.html#sec_rest-operator">Operator reszty</a></li> +</ul> diff --git a/files/pl/conflicting/web/javascript/reference/operators_1d09774e621bf2431a4f5594a248dd21/index.html b/files/pl/conflicting/web/javascript/reference/operators_1d09774e621bf2431a4f5594a248dd21/index.html new file mode 100644 index 0000000000..5b2c216efd --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/operators_1d09774e621bf2431a4f5594a248dd21/index.html @@ -0,0 +1,35 @@ +--- +title: Operatory działające na ciągach znaków +slug: Web/JavaScript/Referencje/Operatory/Operatory_działające_na_ciągach_znaków +tags: + - Dokumentacja_JavaScript + - Dokumentacje + - JavaScript + - Wszystkie_kategorie +translation_of: Web/JavaScript/Reference/Operators/Arithmetic_Operators#Addition +translation_of_original: Web/JavaScript/Reference/Operators/String_Operators +--- +<p> +</p> +<h3 id="Podsumowanie" name="Podsumowanie"> Podsumowanie </h3> +<p>Oprócz operatorów porównania, których można używać z ciągami znaków, dostępny jest także operator konkatenacji (<code>+</code>), łączący dwie wartości tekstowe w jedną, zwracający nowy ciąg znaków stanowiący połączenie swoich operandów. Na przykład <code>"ciąg " + "znaków"</code> zwróci <code>"ciąg znaków"</code>. +</p><p>Skrócony operator przypisania <code>+=</code> może być również używany do konkatenacji ciągów znaków. Na przykład, jeśli zmienna <code>mojtekst</code> zawiera wartość "<code>alfa</code>", wyrażenie <code>mojtekst += "bet"</code> zostanie wyliczone jako "<code>alfabet</code>", a wartość ta zostanie przypisana do zmiennej <code>mojtekst</code>. +</p> +<table class="fullwidth-table"> +<tbody><tr> +<td class="header" colspan="2">Operator</td> +</tr> +<tr> +<td>Zaimplementowany w:</td> +<td>JavaScript 1.0</td> +</tr> +<tr> +<td>Wersja ECMA:</td> +<td>ECMA-262</td> +</tr> +</tbody></table> +<p><br> +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/Core_JavaScript_1.5_Reference/Operators/String_Operators", "es": "es/Referencia_de_JavaScript_1.5/Operadores/String", "fr": "fr/R\u00e9f\u00e9rence_de_JavaScript_1.5_Core/Op\u00e9rateurs/Op\u00e9rateurs_de_cha\u00eenes" } ) }} diff --git a/files/pl/conflicting/web/javascript/reference/operators_1f6634ff6e3ccef661281d6e50002147/index.html b/files/pl/conflicting/web/javascript/reference/operators_1f6634ff6e3ccef661281d6e50002147/index.html new file mode 100644 index 0000000000..474545150a --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/operators_1f6634ff6e3ccef661281d6e50002147/index.html @@ -0,0 +1,268 @@ +--- +title: Operatory arytmetyczne +slug: Web/JavaScript/Referencje/Operatory/Operatory_arytmetyczne +tags: + - JavaScript + - Operator +translation_of: Web/JavaScript/Reference/Operators +translation_of_original: Web/JavaScript/Reference/Operators/Arithmetic_Operators +--- +<div> +<div>{{jsSidebar("Operators")}}</div> +</div> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Operatory arytmetyczne pobierają wartości liczbowe (w postaci bezpośredniej lub zmiennej) jako ich operandy i zwracają jedna, wynikową wartość liczbową. Typowymi operatorami arytmetycznymi są dodawanie (+), odejmowanie (-), mnożenie (*), i dzielenie (/). Operatory te działają tak samo jak w innych językach programowania, z wyjątkiem operatora dzielenia /, który w JavaScripcie zwraca wynik będący liczbą zmiennoprzecinkową, nie obcinając części ułamkowej, jak to się dzieje w C lub Javie.</p> + +<h2 id="Dodawanie_()">Dodawanie (+)</h2> + +<p>Operator dodawania zwraca sume operandów lub jeśli chociaż jeden operand był łańcuchem znaków, ich konkatenacje.</p> + +<h3 id="Składnia">Składnia</h3> + +<pre class="syntaxbox"><strong>Operator:</strong> x + y</pre> + +<h3 class="syntaxbox" id="Przykłady">Przykłady</h3> + +<pre><code>// Number + Number -> dodawanie +1 + 2 // 3 + +// Boolean + Number -> dodawanie +true + 1 // 2 + +// Boolean + Boolean -> dodawanie +false + false // 0 + +// Number + String -> konkatenacja +5 + "foo" // "5foo" + +// String + Boolean -> konkatenacja +"foo" + false // "foofalse" + +// String + String -> konkatenacja +"foo" + "bar" // "foobar"</code></pre> + +<h2 id="sect1"> </h2> + +<h2 id="Odejmowanie_(-)">Odejmowanie (-)</h2> + +<p>Operator odejmowania zwraca różnicę między pierwszym, a drugim operandem.</p> + +<h3 id="Składnia_2">Składnia</h3> + +<pre><strong>Operator:</strong> x - y +</pre> + +<h3 id="Przykłady_2">Przykłady</h3> + +<pre><code>5 - 3 // 2 +3 - 5 // -2 +5 - true // 4 +"foo" - 3 // NaN</code></pre> + +<p> </p> + +<h2 id="Dzielenie_()">Dzielenie (/)</h2> + +<p>Operator dzielenia zwraca iloraz operandów gdzie ten po lewej stronie jest dzielną, a ten po prawej dzielnikiem.</p> + +<h3 id="Składnia_3">Składnia</h3> + +<pre><strong>Operator:</strong> x / y +</pre> + +<h3 id="Przykłady_3">Przykłady</h3> + +<pre><code>1 / 2 // zwraca 0.5 w JavaScript +1 / 2 // zwraca 0 w Java + +1.0 / 2.0 // zwraca 0.5 zarówno w JavaScript i Java + +2.0 / 0 // zwraca Infinity w JavaScript +2.0 / 0.0 // zwraca także Infinity +2.0 / -0.0 // zwraca -Infinity in JavaScript</code></pre> + +<p> </p> + +<h2 id="Mnożenie_(*)">Mnożenie (*)</h2> + +<p>Operotor mnożenia zwraca wynik mnożenia operandów.</p> + +<h3 id="Składnia_4">Składnia</h3> + +<pre><strong>Operator:</strong> x * y +</pre> + +<h3 id="Przykłady_4">Przykłady</h3> + +<pre><code>2 * 2 // 4 +-2 * 2 // -4 +Infinity * 0 // NaN +Infinity * Infinity // Infinity +"foo" * 2 // NaN</code> +</pre> + +<h2 id="Modulo" name="Modulo"> </h2> + +<h2 id="Modulo" name="Modulo">Dzielenie modulo (%)</h2> + +<p>Operator modulo zwraca resztę z dzielenia pierwszego operandu przez drugi.</p> + +<h3 id="Składnia_5">Składnia</h3> + +<pre><strong>Operator:</strong> var1 % var2 +</pre> + +<h3 id="Przykłady_5">Przykłady</h3> + +<pre><code>12 % 5 // 2 +-1 % 2 // -1 +NaN % 2 // NaN +1 % 2 // 1 +2 % 3 // 2 +-4 % 2 // -0 +5.5 % 2 // 1.5</code></pre> + +<p> </p> + +<h2 id="Potęgowanie_(**)">Potęgowanie (**)</h2> + +<div class="overheadIndicator" style="background: #9CF49C;"> +<p><strong>Ta eksperymentalna własnośc, jest częścią propozycji specyfikacji ECMAScript 2016 (ES7).</strong><br> + Ponieważ specyfikacja tej własność i nie została oficjalnie wdrożona, przed użyciem zapoznaj się z tabelą kompatybilności dla różnych przeglądarek. Warto wspomnieć, że składnia jak i zachowanie eksperymentalnych własności mogą zmieniać się wraz ze zmianami w specyfikacji.</p> +</div> + +<p>Operator ten zwraca wynik gdzie pierwszy operand jest podstawą, a drugi wykładnikiem (<code>var1</code><sup><code>var2</code></sup>). Operator ten jest asocjacyjny co oznacza, że dopuszalne jest użycie w formie <code>a ** b ** c, co jest równe a ** (b ** c)</code>.</p> + +<h3 id="Składnia_6">Składnia</h3> + +<pre><strong>Operator:</strong> var1 ** var2 +</pre> + +<h3 id="Uwagi">Uwagi</h3> + +<p>W większości języków programowania które posiadają operator potęgowania (zwykle jako ^ lub **) jak np. PHP czy Python, ma on wyższy priorytet niż operatory jedno argumentowe (oznaczające liczbę dodatnią lub ujemną) + czy -, ale istnieją wyjątki. Np. w Bash ten operator posiada niższy priorytet niż wspomniane wcześniej + czy -.<br> + W JavaScript niemożliwe jest użycie operatorów jedno argumentowych (<code>+/-/~/!/delete/void/typeof</code>) bezpośrednio przed podstawą.</p> + +<pre><code>-2 ** 2; +// 4 w Bash, -4 w innych językach. +// W JavaScript jest to nieprawidłowa próba użycia operatora potęgowania. + + +-(2 ** 2); // -4 +5 ** -2 // 0.04</code> +</pre> + +<h3 id="Przykłady_6">Przykłady</h3> + +<pre><code>2 ** 3 // 8 +3 ** 2 // 9 +3 ** 2.5 // 15.588457268119896 +10 ** -1 // 0.1 +NaN ** 2 // NaN + +2 ** 3 ** 2 // 512 +2 ** (3 ** 2) // 512 +(2 ** 3) ** 2 // 64</code></pre> + +<p>Aby odwrócić znak zwracanej wartości:</p> + +<pre><code>-(2 ** 2) // -4</code></pre> + +<p>Sposób na wymuszenie potęgowania ujemnej liczby:</p> + +<pre><code>(-2) ** 2 // 4</code></pre> + +<h2 id="Inkrementacja" name="Inkrementacja"> </h2> + +<h2 id="Inkrementacja" name="Inkrementacja">Inkrementacja (++)</h2> + +<p>Operator inkrementacji zwiększa o 1 wartość operandu i zwraca taką wartość. </p> + +<ul> + <li>Jeśli uzyty jako przyrostek (x++), będzie działał jako postinkrementacja, czyli zwracana wartość nie będzie powiększona.</li> + <li>Jeśli użyty jako przedrostek (++x), będzie działał jako preinkrementacja, czyli zwracana wartość będzie już powiększona. </li> +</ul> + +<h3 id="Składnia_7">Składnia</h3> + +<pre><strong>Operator:</strong> x++ lub ++x +</pre> + +<h3 id="Examples">Examples</h3> + +<pre><code>// Przyrostek +var x = 3; +y = x++; // y = 3, x = 4 + +// Przedrostek +var a = 2; +b = ++a; // a = 3, b = 3</code></pre> + +<p> </p> + +<h2 id="Dekrementacja_(--)">Dekrementacja (--)</h2> + +<p>Operator dekrementacji zmniejsza o 1 wartość operandu i zwraca taką wartość.</p> + +<ul> + <li>Jeśli uzyty jako przyrostek (x--), będzie działał jako postdekrementacja, czyli zwracana wartość nie będzie pomniejszona.</li> + <li>Jeśli użyty jako przedrostek (--x), będzie działał jako predekrementacja, czyli zwracana wartość będzie już pomniejszona. </li> +</ul> + +<h3 id="Składnia_8">Składnia</h3> + +<pre><strong>Operator:</strong> x-- lub --x +</pre> + +<h3 id="Przykłady_7">Przykłady</h3> + +<pre><code>// Przyrostek +var x = 3; +y = x--; // y = 3, x = 2 + +// Przedrostek +var a = 2; +b = --a; // a = 1, b = 1</code></pre> + +<p> </p> + +<h2 id="Inkrementacja" name="Inkrementacja">Negacja (-)</h2> + +<p>Jednoargumentowy operator negacji zwraca wartość operandu ze zmienionym znakiem.</p> + +<h3 id="Składnia_9">Składnia</h3> + +<pre><strong>Operator:</strong> -x +</pre> + +<h3 id="Przykłady_8">Przykłady</h3> + +<pre><code>var x = 3; +y = -x; // y = -3, x = 3</code></pre> + +<p> </p> + +<h2 id="Inkrementacja" name="Inkrementacja">Jednoargumentowy plus (+)</h2> + +<p>Jest to jednoargumentowy operator, który transformuje inne typy zmiennych do typu Number. Jeśli dana wartość nie może zostać przetransformowana, zwracany jest typ NaN.</p> + +<h3 id="Składnia_10">Składnia</h3> + +<pre><strong>Operator:</strong> +x +</pre> + +<h3 id="Przykłady_9">Przykłady</h3> + +<pre><code>+3 // 3 ++"3" // 3 ++true // 1 ++false // 0 ++null // 0 + +var x = function(val){ + return val +} +</code>+x // NaN +</pre> diff --git a/files/pl/conflicting/web/javascript/reference/operators_5ba63337c20d72b8f8747a954b9b6c94/index.html b/files/pl/conflicting/web/javascript/reference/operators_5ba63337c20d72b8f8747a954b9b6c94/index.html new file mode 100644 index 0000000000..0184512551 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/operators_5ba63337c20d72b8f8747a954b9b6c94/index.html @@ -0,0 +1,130 @@ +--- +title: Operatory porównania +slug: Web/JavaScript/Referencje/Operatory/Operatory_porównania +tags: + - JavaScript + - Operator +translation_of: Web/JavaScript/Reference/Operators +translation_of_original: Web/JavaScript/Reference/Operators/Comparison_Operators +--- +<div>{{jsSidebar("Operators")}}</div> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Operandy posiadają wartość liczbową lub łańcucha znaków. Łańcuchy znaków są porównywane w oparciu o zasady pisowni, używają wartości Unicode.</p> + +<p>Jako rezultat porównania zwracana jest wartość logiczna.</p> + +<ul> + <li>Dwa łańcuchy są równe kiedy kiedy posiadają taką sama sekwencję znaków, taką samą długość, i takie same znaki w zgodnych pozycjach.</li> + <li>Dwie liczby są równe kiedy ich wartości liczbowe (posiadają liczbę o takiej samej wartości). NaN jest różne dla wszystkich, włączając NaN. Dodatnie i ujemne zera są równe.</li> + <li>Dwa obiekty są równe jeżeli odnoszą się do tego samego obiektu .</li> + <li>Dwa operandy Boolean są równe jeżeli oba zwracają <code>true</code> lub <code>false</code>.</li> + <li>Typy Null i Undefined są <code>==</code> (lecz nie <code>===</code>).</li> +</ul> + +<p>Następująca tabela opisuje operatory porównania:</p> + +<table class="fullwidth-table"> + <tbody> + <tr> + <th>Operator</th> + <th>Opis</th> + <th>Przykłady zwracające prawdę (true)<sup>1</sup></th> + </tr> + <tr> + <td>Równy (<code>==</code>)</td> + <td>Zwraca true jeżeli operandy są równe. Jeżeli operandy nie są tego samego typu, JavaScript próbuje przekształcić operandy na odpowiedni dla porównania typ.</td> + <td> + <p><code>3 == var1<br> + "3" == var1<br> + 3 == '3'</code></p> + </td> + </tr> + <tr> + <td>Różny (<code>!=</code>)</td> + <td>Zwraca true jeżeli operandy są różne. Jeżeli dwa operandy nie są tego samego typu, JavaScript próbuje przekształcić operandy na odpowiedni dla porównania typ.</td> + <td> + <p><code>var1 != 4<br> + var1 != "3"</code></p> + </td> + </tr> + <tr> + <td>Identyczny (<code>===</code>)</td> + <td>Zwraca true jeżeli operandy są równe i tego samego typu.</td> + <td> + <p><code>3 === var1</code></p> + </td> + </tr> + <tr> + <td>Nieidentyczny (<code>!==</code>)</td> + <td>Zwraca true jeżeli operandy nie są równe i/lub nie są tego samego typu.</td> + <td> + <p><code>var1 !== 3<br> + 3 !== '3'</code></p> + </td> + </tr> + <tr> + <td>Większy niż (<code>></code>)</td> + <td>Zwraca true jeżeli lewy operand jest większy od prawego operandu.</td> + <td> + <p><code>var2 > var1</code></p> + </td> + </tr> + <tr> + <td>Większy - równy (<code>>=</code>)</td> + <td>Zwraca true jeżeli lewy operand jest większy lub równy prawemu operandowi.</td> + <td> + <p><code>var2 >= var1<br> + var1 >= 3</code></p> + </td> + </tr> + <tr> + <td>Mniejszy niż (<code><</code>)</td> + <td>Zwraca true, jeśli lewy operand jest mniejszy, niż prawy.</td> + <td> + <p><code>var1 < var2</code></p> + </td> + </tr> + <tr> + <td>Mniejszy - równy (<code><=</code>)</td> + <td>Zwraca true jeżeli lewy operand jest mniejszy lub równy prawemu operandowi.</td> + <td> + <p><code>var1 <= var2<br> + var2 <= 5</code></p> + </td> + </tr> + </tbody> +</table> + +<p><small><sup>1</sup> Te przykłady zakładają, że <code>var1</code> będzie przydzielona wartość 3 i <code>var2</code> będzie miała przydzieloną wartość 4.</small></p> + +<h2 id="U.C5.BCywanie_operator.C3.B3w_por.C3.B3wnania" name="U.C5.BCywanie_operator.C3.B3w_por.C3.B3wnania">Używanie operatorów porównania</h2> + +<p>Standardowe operatory(<code>==</code> i <code>!=</code>) porównują dwa operandy bez względu na ich typ. Operatory porównania identyczności(<code>===</code> i <code>!==</code>) dokonują porównania równości na operandach tego samego typu. Operatorów identyczności używamy jeżeli operandy muszą być określonego typu jak również wartości lub jeśli dokładny typ operandów jest ważny. W przeciwnym razie, używamy standardowych operatorów porównania, które pozwalają na porównać identyczność dwóch operandów nawet jeżeli nie są takiego samego typu.</p> + +<p>Kiedy potrzebna jest konwersja, JavaScript następująco przekształca operand Number, Boolean lub Object.</p> + +<ul> + <li>Kiedy porównujemy liczbę i łańcuch, łańcuch jest zmieniany na wartość liczbową. JavaScript próbuje przekształcić łańcuch literalny cyfr na wartość typu <code>Number</code>. Najpierw, matematyczna wartość jest wyprowadzana z łańcucha cyfrowego literału. Następnie, ta wartość jest zaokrąglana do najbliższej wartości typu <code>Number</code>.</li> + <li>If one of the operands is <code>Boolean</code>, the Boolean operand is converted to 1 if it is <code>true</code> and +0 if it is <code>false</code>.</li> + <li>If an object is compared with a number or string, JavaScript attempts to return the default value for the object. Operators attempt to convert the object to a primitive value, a <code>String</code> or <code>Number</code> value, using the <code>valueOf</code> and <code>toString</code> methods of the objects. If this attempt to convert the object fails, a runtime error is generated.</li> +</ul> + +<p>You cannot use the standard equality operator (<code>==</code>) to compare instances of <code>JSObject</code>. Use the <code>JSObject.equals</code> method for such comparisons.</p> + +<h2 id="Kompatybilno.C5.9B.C4.87_wsteczna" name="Kompatybilno.C5.9B.C4.87_wsteczna">Kompatybilność wsteczna</h2> + +<p>Zachowanie standardowych operatorów porównania (<code>==</code> i <code>!=</code>) zależy od wersji JavaScript.</p> + +<h4 id="JavaScript_1.3_i_wersje_wcze.C5.9Bniejsze" name="JavaScript_1.3_i_wersje_wcze.C5.9Bniejsze">JavaScript 1.3 i wersje wcześniejsze</h4> + +<p>You can use either the standard equality operator (<code>==</code>) or <code>JSObject.equals</code> to compare instances of <code>JSObject</code>.</p> + +<h4 id="JavaScript_1.2" name="JavaScript_1.2">JavaScript 1.2</h4> + +<p>The standard equality operators (<code>==</code> and <code>!=</code>) do not perform a type conversion before the comparison is made. Operatory identyczności (<code>===</code> i <code>!==</code>) są niedostępne.</p> + +<h4 id="JavaScript_1.1_i_wersje_wcze.C5.9Bniejsze" name="JavaScript_1.1_i_wersje_wcze.C5.9Bniejsze">JavaScript 1.1 i wersje wcześniejsze</h4> + +<p>The standard equality operators (<code>==</code> and <code>!=</code>) perform a type conversion before the comparison is made.Operatory identyczności (<code>===</code> i <code>!==</code>) są niedostępne.</p> diff --git a/files/pl/conflicting/web/javascript/reference/operators_8afb1abf2138289c890ee09e799ff26e/index.html b/files/pl/conflicting/web/javascript/reference/operators_8afb1abf2138289c890ee09e799ff26e/index.html new file mode 100644 index 0000000000..e690c5a24d --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/operators_8afb1abf2138289c890ee09e799ff26e/index.html @@ -0,0 +1,254 @@ +--- +title: Operatory logiczne +slug: Web/JavaScript/Referencje/Operatory/Logical_Operators +translation_of: Web/JavaScript/Reference/Operators +translation_of_original: Web/JavaScript/Reference/Operators/Logical_Operators +--- +<div>{{jsSidebar("Operators")}}</div> + +<div>Operatory logiczne są zazwyczaj używane z wartościami typu {{jsxref("Boolean")}} (logicznymi) – wówczas zwracają również wartość typu logicznego. Jednakże operatory <code>&&</code> i <code>||</code> w istocie zwracają wartość jednego z podanych operandów, więc jeśli operatory te są używane z wartościami nie-boolowskimi, wtedy mogą również zwracać nie-boolowskie wartości.</div> + +<div></div> + +<div>{{EmbedInteractiveExample("pages/js/expressions-logicaloperator.html")}}</div> + + + +<h2 id="Opis">Opis</h2> + +<p>Operatory logiczne są opisane w poniższej tabeli:</p> + +<table class="fullwidth-table"> + <tbody> + <tr> + <th>Operator</th> + <th>Użycie</th> + <th>Opis</th> + </tr> + <tr> + <td>Logiczne AND (<code>&&</code>)</td> + <td><code><em>expr1</em> && <em>expr2</em></code></td> + <td>Zwraca <code>expr1</code> jeśli wartość ta może być przekonwertowana na <code>false</code>, w przeciwnym razie zwraca <code>expr2</code>. Zatem, używany z wartościami typu logicznego, operator <code>&&</code> zwraca <code>true</code> jeśli obydwa operandy mają wartość <code>true</code>, w przeciwnym razie zwraca <code>false</code>.</td> + </tr> + <tr> + <td>Logiczne OR (<code>||</code>)</td> + <td><code><em>expr1</em> || <em>expr2</em></code></td> + <td>Zwraca <code>expr1</code>, jeśli wartość ta może być przekonwertowana na <code>true</code>; w przeciwnym razie zwraca <code>expr2</code>. Tak więc, używany z wartościami typu logicznego, operator <code>||</code> zwraca <code>true</code> którykolwiek z operandów równy jest <code>true</code>.</td> + </tr> + <tr> + <td>Logiczne NOT (<code>!</code>)</td> + <td><code>!<em>expr</em></code></td> + <td>Zwraca <code>false</code> jeśli jego operand można przekonwertować na <code>true</code>; w przeciwnym razie zwraca <code>true</code>.</td> + </tr> + </tbody> +</table> + +<p>Jeśli dana wartość może być przekonwertowana na <code>true</code>, wówczas jest to tzw. wartość {{Glossary("truthy")}}. Jeśli dana wartość może być przekonwertowana na <code>false</code>, jest to tzw. wartość {{Glossary("falsy")}}.</p> + +<p>Przykładami wyrażeń, które mogą być przekonwertowane na <a href="/en-US/docs/Glossary/Falsy">false</a> są:</p> + +<ul> + <li><code>null</code>;</li> + <li><code>NaN;</code></li> + <li><code>0</code>;</li> + <li>pusty łańcuch znaków (string) – <code>""</code> lub <code>''</code>; </li> + <li><code>undefined</code>.</li> +</ul> + +<p>Mimo tego, że operatory <code>&&</code> i <code>||</code> mogą być używane z wartościami nie-boolowskimi, nadal mogą być uznane za operatory boolowskie (logiczne), gdyż zwracane przez nie wartości mogą być zawsze przekonwertowane na wartości logiczne.</p> + +<h3 id="Ewaluacja_short-circuit">Ewaluacja <em>short-circuit</em></h3> + +<p>Ponieważ wyrażenia logiczne są przetwarzane od lewej do prawej, sprawdzana jest najkrótsza możliwa ścieżka, pozwalająca na zwrócenie wyniku całego wyrażenia (tzw. <em>short-circuit evaluation</em>), zgodnie z następującymi zasadami:</p> + +<ul> + <li><code>false && (<em>cokolwiek)</em></code> zostanie przetworzone na false.</li> + <li><code>true || (<em>cokolwiek)</em></code> zostanie przetworzone na true.</li> +</ul> + +<p>Zasady logiki gwarantują, że powyższe ewaluacje są zawsze poprawne. Zauważ, że części wyrażeń oznaczone słowem <code>cokolwiek</code> nie są ewaluowane, więc nie pojawią się żadne efekty uboczne. Zauważ też, że część <code>cokolwiek</code> powyższych wyrażeń może być dowolnym pojedynczym wyrażeniem logicznym (co wskazano przez nawiasy).</p> + +<p>Dla przykładu, poniższe dwie funkcje są równoważne.</p> + +<pre class="brush: js">function shortCircuitEvaluation() { + // logiczne OR (||) + doSomething() || doSomethingElse(); + + // logiczne AND (&&) + doSomething() && doSomethingElse(); +} + +function equivalentEvaluation() { + + // logiczne OR (||) + var orFlag = doSomething(); + if (!orFlag) { + doSomethingElse(); + } + + + // logiczne AND (&&) + var andFlag = doSomething(); + if (andFlag) { + doSomethingElse(); + } +} +</pre> + +<p>Poniższe wyrażenia nie są jednak równoważne ze względu na <a href="/pl/docs/Web/JavaScript/Referencje/Operatory/Pierwsze%C5%84stwo_operator%C3%B3w">pierwszeństwo operatorów</a>, co podkreśla, jak ważne jest, by operator po prawej stronie był pojedynczym wyrażeniem (zgrupowanym w razie potrzeby przy pomocy nawiasów).</p> + +<pre class="brush: js">false && true || true // zwraca true +false && (true || true) // zwraca false</pre> + +<h3 id="Logiczne_AND"><a id="Logiczne AND" name="Logiczne AND">Logiczne AND (<code>&&</code>)</a></h3> + +<p>Poniżej pokazane są przykłady użycia operatora <code>&&</code> (logicznego AND).</p> + +<pre class="brush: js">a1 = true && true // t && t zwraca true +a2 = true && false // t && f zwraca false +a3 = false && true // f && t zwraca false +a4 = false && (3 == 4) // f && f zwraca false +a5 = 'Cat' && 'Dog' // t && t zwraca "Dog" +a6 = false && 'Cat' // f && t zwraca false +a7 = 'Cat' && false // t && f zwraca false +a8 = '' && false // f && f zwraca "" +a9 = false && '' // f && f zwraca false +</pre> + +<h3 id="Logiczne_OR"><a id="Logiczne OR" name="Logiczne OR">Logiczne OR (<code>||</code>)</a></h3> + +<p>Poniżej pokazane są przykłady użycia operatora <code>||</code> (logicznego OR).</p> + +<pre class="brush: js">o1 = true || true // t || t zwraca true +o2 = false || true // f || t zwraca true +o3 = true || false // t || f zwraca true +o4 = false || (3 == 4) // f || f zwraca false +o5 = 'Cat' || 'Dog' // t || t zwraca "Cat" +o6 = false || 'Cat' // f || t zwraca "Cat" +o7 = 'Cat' || false // t || f zwraca "Cat" +o8 = '' || false // f || f zwraca false +o9 = false || '' // f || f zwraca "" +</pre> + +<h3 id="Logiczne_NOT_!"><a id="Logiczne NOT" name="Logiczne NOT">Logiczne NOT (<code>!</code>)</a></h3> + +<p>Poniżej pokazane są przykłady użycia operatora <code>!</code> (logicznego NOT).</p> + +<pre class="brush: js">n1 = !true // !t zwraca false +n2 = !false // !f zwraca true +n3 = !'Cat' // !t zwraca false +</pre> + +<h4 id="Podwójne_NOT_!!">Podwójne NOT (<code>!!</code>)</h4> + +<p>Jest możliwe użycie kilku operatorów NOT naraz, by wprost wymusić konwersję dowolnej wartości do odpowiedniej wartości <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Boolean_type">boolowskiej</a>. Konwersja bazuje na „prawdziwości” lub „fałszywości” wartości (zobacz {{Glossary("truthy")}} i {{Glossary("falsy")}}).</p> + +<p>Taka sama konwersja może być dokonana poprzez funkcję {{jsxref("Boolean")}}.</p> + +<pre class="brush: js line-numbers language-js"><code class="language-js">n1 <span class="operator token">=</span> <span class="operator token">!</span><span class="operator token">!</span><span class="boolean token">true</span> <span class="comment token">// !!prawda zwraca true</span> +n2 <span class="operator token">=</span> <span class="operator token">!</span><span class="operator token">!</span><span class="punctuation token">{</span><span class="punctuation token">}</span> <span class="comment token">// !!prawda returns true: każdy obiekt jest "prawdą"...</span> +n3 <span class="operator token">=</span> <span class="operator token">!</span><span class="operator token">!</span><span class="punctuation token">(</span><span class="keyword token">new</span> <span class="class-name token">Boolean</span><span class="punctuation token">(</span><span class="boolean token">false</span><span class="punctuation token">)</span><span class="punctuation token">)</span> <span class="comment token">// ...nawet obiekty booloweskie z false jako wartością .valueOf()!</span> +n4 <span class="operator token">=</span> <span class="operator token">!</span><span class="operator token">!</span><span class="boolean token">false</span> <span class="comment token">// !!fałsz zwraca false</span> +n5 <span class="operator token">=</span> <span class="operator token">!</span><span class="operator token">!</span><span class="string token">""</span> <span class="comment token">// !!fałsz zwraca false</span> +n6 <span class="operator token">=</span> <span class="operator token">!</span><span class="operator token">!</span><span class="function token">Boolean</span><span class="punctuation token">(</span><span class="boolean token">false</span><span class="punctuation token">)</span> <span class="comment token">// !!fałsz zwraca false</span></code></pre> + +<h3 id="Zasady_przekształcania_wyrażeń">Zasady przekształcania wyrażeń</h3> + +<h4 id="Przekształcanie_AND_na_OR">Przekształcanie AND na OR</h4> + +<p>Poniższa operacja na wartościach logicznych:</p> + +<pre class="brush: js">bCondition1 && bCondition2</pre> + +<p>jest zawsze równa:</p> + +<pre class="brush: js">!(!bCondition1 || !bCondition2)</pre> + +<h4 id="Przekształcanie_OR_na_AND">Przekształcanie OR na AND</h4> + +<p>Poniższa operacja na wartościach logicznych:</p> + +<pre class="brush: js">bCondition1 || bCondition2</pre> + +<p>jest zawsze równa:</p> + +<pre class="brush: js">!(!bCondition1 && !bCondition2)</pre> + +<h4 id="Przekształcanie_NOT">Przekształcanie NOT</h4> + +<p>Poniższa operacja na wartościach logicznych:</p> + +<pre class="brush: js">!!bCondition</pre> + +<p>jest zawsze równa:</p> + +<pre class="brush: js">bCondition</pre> + +<h3 id="Usuwanie_zagnieżdżonych_wyrażeń_z_nawiasami">Usuwanie zagnieżdżonych wyrażeń z nawiasami</h3> + +<p>Jako że wyrażenia logiczne są ewaluowane od lewej do prawej, jest zawsze możliwe usunięcie nawiasów ze złożonego wyrażenia przy użyciu pewnych, przedstawionych dalej, reguł.</p> + +<h4 id="Usuwanie_zagnieżdżonego_AND">Usuwanie zagnieżdżonego AND</h4> + +<p>Następujące wyrażenie złożone na wartościach logicznych:</p> + +<pre class="brush: js">bCondition1 || (bCondition2 && bCondition3)</pre> + +<p>jest zawsze równe:</p> + +<pre class="brush: js">bCondition1 || bCondition2 && bCondition3</pre> + +<h4 id="Usuwanie_zagnieżdżonego_OR">Usuwanie zagnieżdżonego OR</h4> + +<p>Następujące wyrażenie złożone na wartościach logicznych:</p> + +<pre class="brush: js">bCondition1 && (bCondition2 || bCondition3)</pre> + +<p>jest zawsze równe:</p> + +<pre class="brush: js">!(!bCondition1 || !bCondition2 && !bCondition3)</pre> + +<h2 id="Specyfikacje">Specyfikacje</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specyfikacja</th> + <th scope="col">Status</th> + <th scope="col">Uwagi</th> + </tr> + <tr> + <td>{{SpecName('ES1')}}</td> + <td>{{Spec2('ES1')}}</td> + <td>Definicja początkowa.</td> + </tr> + <tr> + <td>{{SpecName('ES5.1', '#sec-11.11')}}</td> + <td>{{Spec2('ES5.1')}}</td> + <td>Zdefiniowane w kilku sekcjach specyfikacji: <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-11.4.9">Logical NOT Operator</a>, <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-11.11">Binary Logical Operators</a></td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-binary-logical-operators')}}</td> + <td>{{Spec2('ES6')}}</td> + <td>Zdefiniowane w kilku sekcjach specyfikacji: <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-logical-not-operator">Logical NOT Operator</a>, <a href="http://www.ecma-international.org/ecma-262/6.0/#sec-binary-logical-operators">Binary Logical Operators</a></td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-binary-logical-operators')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td>Zdefiniowane w kilku sekcjach specyfikacji: <a href="http://tc39.github.io/ecma262/#sec-logical-not-operator">Logical NOT Operator</a>, <a href="http://tc39.github.io/ecma262/#sec-binary-logical-operators">Binary Logical Operators</a></td> + </tr> + </tbody> +</table> + +<h2 id="Wsparcie_przeglądarek">Wsparcie przeglądarek</h2> + + + +<p>{{Compat("javascript.operators.logical")}}</p> + +<h2 id="Zobacz_też">Zobacz też</h2> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">Bitwise operators</a></li> + <li><a href="https://developer.mozilla.org/pl/docs/Web/JavaScript/Referencje/Obiekty/Boolean">Boolean</a></li> +</ul> diff --git a/files/pl/conflicting/web/javascript/reference/operators_de3666cd349851054926d5e52fced70d/index.html b/files/pl/conflicting/web/javascript/reference/operators_de3666cd349851054926d5e52fced70d/index.html new file mode 100644 index 0000000000..8c1e9b85f3 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/operators_de3666cd349851054926d5e52fced70d/index.html @@ -0,0 +1,75 @@ +--- +title: Operatory przypisania +slug: Web/JavaScript/Referencje/Operatory/Operatory_przypisania +tags: + - JavaScript + - Operator +translation_of: Web/JavaScript/Reference/Operators#Assignment_operators +translation_of_original: Web/JavaScript/Reference/Operators/Assignment_Operators +--- +<div>{{jsSidebar("Operators")}}</div> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Operator przypisania przypisuje wartość swego prawego operandu do operandu lewego.</p> + +<p>Podstawowy operator przypisania to znak równości (<code>=</code>), który przypisuje wartość prawego operandu do lewego. To znaczy, że <code>x = y</code> przypisuje wartość zmiennej <code>y</code> do zmiennej <code>x</code>. Pozostałe operatory przypisania to zwykle skróty dla operacji standardowych, jak w poniższej tabeli.</p> + +<table class="standard-table"> + <tbody> + <tr> + <th>Operator skrócony</th> + <th>Znaczenie</th> + </tr> + <tr> + <td><code>x += y</code></td> + <td><code>x = x + y</code></td> + </tr> + <tr> + <td><code>x -= y</code></td> + <td><code>x = x - y</code></td> + </tr> + <tr> + <td><code>x *= y</code></td> + <td><code>x = x * y</code></td> + </tr> + <tr> + <td><code>x /= y</code></td> + <td><code>x = x / y</code></td> + </tr> + <tr> + <td><code>x %= y</code></td> + <td><code>x = x % y</code></td> + </tr> + <tr> + <td><code>x <<= y</code></td> + <td><code>x = x << y</code></td> + </tr> + <tr> + <td><code>x >>= y</code></td> + <td><code>x = x >> y</code></td> + </tr> + <tr> + <td><code>x >>>= y</code></td> + <td><code>x = x >>> y</code></td> + </tr> + <tr> + <td><code>x &= y</code></td> + <td><code>x = x & y</code></td> + </tr> + <tr> + <td><code>x ^= y</code></td> + <td><code>x = x ^ y</code></td> + </tr> + <tr> + <td><code>x |= y</code></td> + <td><code>x = x | y</code></td> + </tr> + </tbody> +</table> + +<p> + </p><div class="noinclude"> </div> +<p></p> + +<p> </p> diff --git a/files/pl/conflicting/web/javascript/reference/statements/switch/index.html b/files/pl/conflicting/web/javascript/reference/statements/switch/index.html new file mode 100644 index 0000000000..39641836b8 --- /dev/null +++ b/files/pl/conflicting/web/javascript/reference/statements/switch/index.html @@ -0,0 +1,121 @@ +--- +title: default +slug: Web/JavaScript/Referencje/Polecenia/default +tags: + - JavaScript + - słowo kluczowe +translation_of: Web/JavaScript/Reference/Statements/switch +translation_of_original: Web/JavaScript/Reference/Statements/default +--- +<div>{{jsSidebar("Statements")}}</div> + +<p>Słowo kluczowe <strong>default </strong>może być użyte w języku JavaScript w dwóch sytuacjach: w instrukcji {{jsxref("Statements/switch", "switch")}} lub instrukcji {{jsxref("Statements/export", "export")}}.</p> + +<div>{{EmbedInteractiveExample("pages/js/statement-default.html")}}</div> + + + +<h2 id="Składnia">Składnia</h2> + +<p>W instrukcji {{jsxref("Statements/switch", "switch")}}:</p> + +<pre class="syntaxbox">switch (wyrażenie) { + case wartość1: + //Instrukcje wykonywane kiedy wartość1 zgadza się z wartością wyrażenia + [break;] + default: + //Instrukcje wykonywane kiedy żadna z wartości nie zgadza się z wartością wyrażenia + [break;] +}</pre> + +<p>Z instrukcją {{jsxref("Statements/export", "export")}}:</p> + +<pre class="syntaxbox">export default <em>nazwaN</em> </pre> + +<h2 id="Opis">Opis</h2> + +<p>Po więcej szczegółów zobacz strony instrukcji</p> + +<ul> + <li>{{jsxref("Statements/switch", "switch")}}</li> + <li>i {{jsxref("Statements/export", "export")}}.</li> +</ul> + +<h2 id="Przykłady">Przykłady</h2> + +<h3 id="Użycie_default_w_instrukcji_switch">Użycie <code>default</code> w instrukcji <code>switch</code></h3> + +<p>W poniższym przykładzie, jeśli <code>expr</code> przyjmie wartość "Pomarańcze" lub "Jabłka", program dopasuje tę wartość odpowiednio do przypadków (case) "Pomarańcze" i "Jabłka" oraz wykona odpowiednie instrukcje. Słowo kluczowe <code>default</code> zostanie użyte w każdym innym przypadku i pozwoli na wykonanie odpowiedających mu instrukcji.</p> + +<pre class="brush: js">switch (expr) { + case 'Pomarańcze': + console.log('Pomarańcze kosztują 3.29 zł za kilogram.'); + break; + case 'Jabłka': + console.log('Jabłka kosztują 1.59 zł za kilogram.'); + break; + default: + console.log('Przepraszamy, ' + expr + ' niestety się skończyły.'); +}</pre> + +<h3 id="Użycie_default_z_export">Użycie <code>default</code> z <code>export</code></h3> + +<p>Jeśli chcesz wyeksportować pojednynczą wartość lub potrzebujesz tzw. <em>fallback value</em> dla modułu, może szostać zastosowany domyślny eksport (<code>default export</code>)</p> + +<pre class="brush: js">// module "my-module.js" +let cube = function cube(x) { + return x * x * x; +}; +export default cube;</pre> + +<p>Wtedy, w innym skrypcie, domyślnie wyeksportowana wartość będzie bezpośrednio zaimportowana:</p> + +<pre class="brush: js">// module "another-module.js" +import cube from 'my-module'; //"default export" pozwala na napisanie "import cube", zamiast "import cube from 'my-module'" +console.log(cube(3)); // 27 +</pre> + +<h2 id="Specyfikacje">Specyfikacje</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specyfikacja</th> + <th scope="col">Status</th> + <th scope="col">Komentarz</th> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-switch-statement', 'switch statement')}}</td> + <td>{{Spec2('ES6')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-exports', 'Exports')}}</td> + <td>{{Spec2('ES6')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-switch-statement', 'switch statement')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-exports', 'Exports')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Wsparcie_przeglądarek">Wsparcie przeglądarek</h2> + + + +<p>{{Compat("javascript.statements.default")}}</p> + +<h2 id="Zobacz_też">Zobacz też</h2> + +<ul> + <li>{{jsxref("Statements/export", "export")}}</li> + <li>{{jsxref("Statements/switch", "switch")}}</li> +</ul> diff --git a/files/pl/conflicting/web/opensearch/index.html b/files/pl/conflicting/web/opensearch/index.html new file mode 100644 index 0000000000..b5c36f8cb1 --- /dev/null +++ b/files/pl/conflicting/web/opensearch/index.html @@ -0,0 +1,58 @@ +--- +title: Dodawanie wyszukiwarek z poziomu stron WWW +slug: Dodawanie_wyszukiwarek_z_poziomu_stron_WWW +tags: + - Dodatki + - Wszystkie_kategorie + - Wtyczki_wyszukiwarek +translation_of: Web/OpenSearch +translation_of_original: Web/API/Window/sidebar/Adding_search_engines_from_Web_pages +--- +<p> +</p><p>Firefox zezwala, aby kod JavaScript instalował wtyczki wyszukiwarek, i obsługuje dwa formaty wtyczek: <a href="pl/Tworzenie_wtyczek_OpenSearch_dla_Firefoksa">OpenSearch</a> i Sherlock. +</p> +<div class="note"><b>Uwaga:</b> Od Firefoksa 2 OpenSearch jest preferowanym formatem wyszukiwania.</div> +<p>Gdy kod JavaScript próbuje zainstalować wtyczkę wyszukiwarki, Firefox wyświetla komunikat z pytaniem o zgodę na instalację wtyczki. +</p> +<h2 id="Instalowanie_wtyczek_OpenSearch">Instalowanie wtyczek OpenSearch</h2> +<p>Aby zainstalować wtyczkę OpenSearch, należy skorzystać z metody DOM <code>window.external.AddSearchProvider()</code>. Składnię tej metody przedstawiono poniżej: +</p> +<pre class="eval">window.external.AddSearchProvider(<i>adresURLWtyczki</i>); +</pre> +<p>Gdzie: <i>adresURLWtyczki</i> jest pełnym adresem URL do pliku XML wtyczki wyszukiwarki. +</p> +<div class="note"><b>Uwaga:</b> Obsługa OpenSearch jest dostępna tylko w Firefoksie 2 i wyższych.</div> +<h2 id="Instalowanie_wtyczek_Sherlock">Instalowanie wtyczek Sherlock</h2> +<p>Aby zainstalować wtyczkę Sherlock, należy użyć metody <code>window.sidebar.addSearchEngine()</code>, składnia jest następująca: +</p> +<pre class="eval">window.sidebar.addSearchEngine(<i>adresURLWtyczki</i>, <i>adresURLIkony</i>, <i>sugerowanaNazwa</i>, <i>sugerowanaKategoria</i>); +</pre> +<ul><li> Parametr <code>adresURLWtyczki</code> to adres URL wtyczki Sherlock (plik ".src"), która ma zostać zainstalowana. +</li><li> <code>adresURLIkony</code> to adres URL ikony, która ma być powiązana z wtyczką. +</li><li> Parametr <code>sugerowanaNazwa</code> jest używany tylko podczas monitowania użytkownika o dopuszczenie do instalacji wtyczki, aby mógł zostać wyświetlony komunikat w stylu "Czy chcesz zainstalować <i>sugerowanaNazwa</i> z <i>adresURLWtyczki</i>?". +</li><li> Parametr <code>sugerowanaKategoria</code> nie jest używany. Powinno się pozostawić go jako pusty łańcuch znaków (<code>""</code>) lub wartość <code>null</code>. +</li></ul> +<p>Więcej informacji na temat formatu Sherlock można znaleźć na stronie <a class=" external" href="http://developer.apple.com/macosx/sherlock/">http://developer.apple.com/macosx/sherlock/</a> +</p> +<h2 id="Wykrywanie_mo.C5.BCliwo.C5.9Bci_przegl.C4.85darki_z_poziomu_silnika_wyszukiwarki">Wykrywanie możliwości przeglądarki z poziomu silnika wyszukiwarki</h2> +<p>Ponieważ uzupełniające API wyszukiwarki zmieniło się między Firefoksem 1.5 a Firefoksem 2.0 oraz ponieważ Firefox 1.5 nie wspiera plików opisu OpenSearch, autorzy stron internetowych, którzy chcą dodać silnik wyszukiwarki w sposób kompatybilny wstecznie (to znaczy tak, żeby działała ona w Firefoksie 1.5, Firefoksie 2.0 lub IE 7), muszą obsługiwać zarówno format Sherlock jak i OpenSearch oraz muszą odpowiednio wykryć możliwości przeglądarki. Poniższy fragment kodu jest przykładem w jaki sposób może to być osiągnięte: +</p><p><br> +</p> +<pre class="eval">function installSearchEngine() { + if (window.external && ("AddSearchProvider" in window.external)) { + // Firefox 2 i IE 7, OpenSearch + window.external.AddSearchProvider("<span>http://przyklad.com/search-plugin.xml</span>"); + } else if (window.sidebar && ("addSearchEngine" in window.sidebar)) { + // Firefox <= 1.5, Sherlock + window.sidebar.addSearchEngine("<span>http://przyklad.com/search-plugin.src</span>", + "<span>http://przyklad.com/search-icon.png</span>", + "Search Plugin", ""); + } else { + // Brak obsługi wyszukiwarki (IE 6, Opera, itd.). + alert("Brak obsługi wyszukiwarki"); + } +} +</pre> +<div class="noinclude"> +</div> +{{ languages( { "ca": "ca/Addici\u00f3_de_motors_de_cerca_a_les_p\u00e0gines_web", "en": "en/Adding_search_engines_from_web_pages", "es": "es/A\u00f1adir_motores_de_b\u00fasqueda_desde_p\u00e1ginas_web", "fr": "fr/Ajout_de_moteurs_de_recherche_depuis_des_pages_Web", "it": "it/Installare_plugin_di_ricerca_dalle_pagine_web", "ja": "ja/Adding_search_engines_from_web_pages", "zh-tw": "zh_tw/\u81ea\u7db2\u9801\u6dfb\u52a0\u641c\u5c0b\u5f15\u64ce" } ) }} |