internet - Kurs HTML i CSS
Operacje na tekście w JavaScript - String.prototype / Usuwanie białych znaków - trim(interpretuje: Internet Explorer 9, Firefox 3.5, Opera 10.50, Chrome) String.prototype.trim() Wartość: String - nowy tekst Usuwa wszystkie ewentualne białe znaki oraz znaki końca linii, znajdujące się na początku i na końcu tekstu. Białymi znakami są: tabulacja ("\u0009" lub "\t") pionowa tabulacja ("\u000B" lub "\v") nowa strona ("\u000C" lub "\f") spacja ("\u0020" lub " ") niełamliwa spacja ("\u00A0") BOM ("\uFEFF") wszystkie inne znaki spacji w systemie Unicode Znakami...
- Obiekty daty - Date / Konwersja daty na milisekundy - UTC
(interpretuje: Internet Explorer 9, Firefox 3, Opera 10.50, Chrome) Date.UTC(year, month) Date.UTC(year, month, date) Date.UTC(year, month, date, hours) Date.UTC(year, month, date, hours, minutes) Date.UTC(year, month, date, hours, minutes, seconds) Date.UTC(year, month, date, hours, minutes, seconds, ms) Parametry: Number year - rok (wartości z zakresu 0...99 oznaczają lata od 1900 do 1999) Number month - miesiąc z zakresu 0...11 Number date - dzień miesiąca z zakresu 1...31 (domyślnie...
- Operacje na datach - Date.prototype / Konwersja do formatu ISO - toISOString
(interpretuje: Internet Explorer 9, Firefox 3.5, Opera 10.50, Chrome) Date.prototype.toISOString() Wartość: String - data i czas Wyjątki: RangeError - bieżący obiekt nie zawiera poprawnego daty i czasu TypeError - bieżący obiekt nie jest typu daty i czasu Działa analogicznie jak Date.prototype.toString, ale zwraca datę i czas formacie zgodnym z Date.parse zawsze w postaci pełnej wersji w strefie czasowej południka zerowego (zapisanej jako Z). Przykład Date.prototype.toISOString new...
- Format wymiany danych - JSON / Przekształcanie tekstu JSON na obiekty JavaScript - parse
(interpretuje: Internet Explorer 8, Firefox 3.5, Opera 10.50, Chrome) JSON.parse(text) JSON.parse(text, reviver) Parametry: String text - tekst w formacie JSON Function reviver - funkcja przekształcająca wartości, przyjmująca argumenty: String key - klucz danych albo pusty tekst Object|Array|String|Boolean|Number|Null value - wartość danych Wartość: Object - obiekt Array - tablica String - tekst Boolean - wartość logiczna Number - liczba Null - nic Wyjątki: SyntaxError - text...
- Format wymiany danych - JSON / Przekształcanie obiektów JavaScript na JSON - stringify
(interpretuje: Internet Explorer 8, Firefox 3.5, Opera 10.50, Chrome) JSON.stringify(value) JSON.stringify(value, replacer) JSON.stringify(value, replacer, space) Parametry: Object|Array|String|Boolean|Number|Null value - dane wejściowe Array|Function replacer - tablica zawierająca nazwy dozwolonych kluczy albo funkcja filtrująca, przyjmująca argumenty: String key - klucz danych albo pusty tekst Object|Array|String|Boolean|Number|Null value - wartość danych Number|String space...
Jednostki CSS / Wyrażenia matematyczne(CSS 3 - interpretuje Internet Explorer 9, Firefox 16, Opera 15, Chrome 26) calc(wyrażenie) Wyrażenie składa się z dowolnie wybranych następujących wielkości: liczby, długość, procenty, kąty, czas, częstotliwość. Ponadto może zawierać podstawowe operatory działań matematycznych: + dodawanie - odejmowanie * mnożenie / dzielenie Czasami proste określnie pojedynczej jednostki staje się niewystarczające. Przykładowo możemy chcieć, aby jakiś element miał rozmiar 50% i dodatkowo 10 pikseli...
- CSS dla zielonych / Czcionka CSS {font-size, font-family}
...podobna do Arial). Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy ustawianiu czcionek na stronach internetowych, zobacz rozdziały: Czcionki / Wielkość, Czcionki / Rodzaj. Pytania i odpowiedzi {font-size, font-family} Jak zwiększyć rozmiar czcionki? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklarację o odpowiedniej wartości. Na przykład: body { font-size: large; } ustawi duży rozmiar tekstu na...
HTML5 / Element edytowalny <... contenteditable>(interpretuje: Internet Explorer 6, Firefox 3.5, Opera 10, Chrome 4) Wersja podstawowa: <element contenteditable>...</element> Wersja rozszerzona: <element contenteditable="edycja">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 edycja Można podać: true - element jest edytowalny (to samo co użycie contenteditable jako atrybut logiczny - bez podania wartości). false - element nie jest edytowalny. plaintext-only - tylko surowa zawartość tekstowa elementu jest edytowalna...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
(CSS 3 - interpretuje Internet Explorer * , Firefox, Opera, Chrome) selektor { text-overflow: sposób } Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: clip - niemieszczący się tekst i elementy inline zostaną przycięte (domyślnie) ellipsis - na końcu przyciętych linijek zostanie wstawiony wielokropek, tzn. pojedynczy znak: "…" albo w ostateczności trzy znaki kropki: "..." Normalnie w języku CSS nawet jeśli ustalimy szerokość...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 15, Chrome 9) Przycisk wysłania formularza - akcja: <button formaction="akcja">...</button> Przycisk wysłania formularza - typ kodowania: <button formenctype="kodowanie">...</button> Przycisk wysłania formularza - metoda: <button formmethod="metoda">...</button> Przycisk wysłania formularza - pominięcie walidacji: <button formnovalidate>...</button> Przycisk wysłania formularza - cel: <button formtarget="cel">...</button> Pole...