lista - Kurs HTML i CSS
Rozwijane menu...wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w innym miejscu również zwykłych odsyłaczy tekstowych. <select onchange="self.location.href = this.value"> <option...
CSS dla zielonych / Klasy selektorów CSS <div class>...serwisu. W jaki sposób ustalać im wygląd? Do tej pory jako selektorów używaliśmy nazw znaczników. Jednak w języku HTML istnieje ściśle określona lista znaczników i nie możemy definiować sobie nowego za każdym razem, kiedy potrzebujemy wstawić na stronie kolejny powtarzający się element. Robi się to w inny sposób - korzystając z tzw. klas selektorów. Załóżmy, że mamy na stronie menu nawigacyjne, któremu chcemy zmienić kolor tła oraz tekstu. W tym celu najpierw w dokumencie HTML obejmujemy...
Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Wywoływanie funkcji z tablicą argumentów - apply...argArray) Parametry: thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji Array argArray - lista argumentów wywołania funkcji Wartość: wartość którą normalnie zwraca funkcja Wyjątki: TypeError - nastąpiła próba wywołania na obiekcie, który nie jest funkcją albo argArray nie jest obiektem Zdarza się, że w naszym programie mamy dostępną listę argumentów w postaci tablicy i chcielibyśmy wywołać zadaną funkcję, przekazując jej taką...
- Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Wybieranie funkcji do wykonania - call
...arg2... argn) Parametry: thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji arg1, arg2... argn - lista argumentów wywołania funkcji Wartość: wartość którą normalnie zwraca funkcja Wyjątki: TypeError - nastąpiła próba wywołania na obiekcie, który nie jest funkcją Działa analogicznie jak Object.prototype.apply, ale pozwala przekazać listę argumentów w sposób tradycyjny, a nie poprzez tablicę. Może to być przydatne, jeżeli wiemy z góry...
- Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Ustawianie właściwej instancji obiektu w metodzie - bind
...arg2... argn) Parametry: thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji arg1, arg2... argn - lista początkowych argumentów wywołania funkcji Wartość: Function - nowa instancja funkcji Wyjątki: TypeError - nastąpiła próba wywołania na obiekcie, który nie jest funkcją W asynchronicznych językach programowania bardzo często używa się tzw. funkcji zwrotnej. Na przykład możemy spróbować pobrać dane z zewnętrznego źródła, ale ponieważ...
- Zastosowanie tablic w JavaScript - Array / Tworzenie instancji tablicy w JavaScript - new Array
...Array new Array() new Array(len) new Array(item0) new Array(item0, item1...) Parametry Number len - liczba elementów tablicy item0, item1... - lista elementów tablicy Wartość: Array - nowa instancja tablicy Wyjątki: RangeError - wartość len nie jest liczbą naturalną Tablica jest rodzajem kolekcji (pojemnika) do przechowywania innych elementów. Elementy tablicy są ponumerowane tzw. indeksami. Pierwszy element otrzymuje indeks 0, drugi - 1, trzeci - 2 itd. Aby odczytać bądź zapisać...
- Operacje na tablicach w JavaScript - Array.prototype / Wycinanie i zastępowanie elementów tablicy - splice
...Parametry: Number start - indeks elementu początkowego Number deleteCount - ile kolejnych elementów usunąć bądź podmienić item1, item2... - lista elementów na podmianę Wartość: Array - wycięte elementy Tworzy nową tablicę, będącą wycinkiem, składający się z kolejnych elementów poczynając od tego, na który wskazuje indeks start i zawierającym tyle elementów, na ile wskazuje argument deleteCount. Następnie w miejsce wycinka są wstawiane elementy, określone argumentami: item1...
- Obsługa tekstu w JavaScript - String / Konwersja kodu liczbowego na znak Unicode - fromCharCode
String.fromCharCode() String.fromCharCode(char0) String.fromCharCode(char0, char1...) Parametry: Number char0, Number char1... - lista kodów kolejnych znaków tekstu w postaci 16-bitowych liczb naturalnych (0 - 65535) Wartość: String - wartość tekstowa Każdy pojedynczy znak tekstu jest zapisany wewnętrznie w postaci odpowiadającego mu kodu liczbowego. System przechowuje pełną mapę tych kodów, dzięki czemu wiadomo, że np. literze 'a' odpowiada kod 97, 'b' - 98, 'c' - 99 itd. W naszym...
- Operacje na tekście w JavaScript - String.prototype / Łączenie tekstów - concat
...String.prototype.concat(string1) String.prototype.concat(string1, string2...) Parametry: String string1, String string2... - lista kolejnych wartości tekstowych Wartość: String - połączona wartość tekstowa Łączy kilka wartości - niekoniecznie tekstowych - w jeden tekst. Zatem działa identycznie jak operator +, w przypadku gdy przynajmniej jeden z jego argumentów jest tekstem. Przykład String.prototype.concat "abc".concat(); // "abc" "abc".concat("def...
- Operacje na tekście w JavaScript - String.prototype / Zamiana fraz - replace
...tekst na podmianę i przyjmująca argumenty: String substring - dopasowany fragment oryginalnego tekstu String capture1, String capture2... - lista części dopasowania, które w wyrażeniu były umieszczone w nawiasach (opcjonalne) Number offset - pozycja w oryginalnym teście (liczba naturalna licząc od 0), na której znaleziono dopasowany fragment String string - oryginalny tekst Wartość: String - zmieniony tekst Przeszukuje tekst pod kątem występowania w nim podanego tekstu i...