date - Kurs HTML i CSS
Operacje na datach - Date.prototype / Konwersja do formatu JSON - toJSONDate.prototype.toJSON() Date.prototype.toJSON(key) Parametry: String key - klucz JSON (nieużywane) Wartość: String - data i czas Wyjątki: TypeError - bieżący obiekt nie posiada metody toISOString Działa identycznie jak Date.prototype.toISOString. Przeznaczeniem tej metody jest jednak przygotowanie tekstowej reprezentacji obiektu daty i czasu, używanej później przez funkcję JSON.stringify. Argument key - przekazywany przez JSON.stringify - normalnie jest ignorowany, ale możemy go...
- Obiekty daty - Date / Aktualny czas w milisekundach - now
Date.now() Wartość: Number - liczba milisekund od północy 1 stycznia 1970 w strefie czasowej południka zerowego Zwraca liczbę milisekund, która upłynęła od północy 1 stycznia 1970 roku w strefie czasowej południka zerowego, czyli to samo co: new Date().valueOf(). 1 sekunda zawiera 1000 milisekund. Przykład Date.now Date.now(); // np.: 1388870233705
- Operacje na tablicach w JavaScript - Array.prototype / Przekształcanie tablicy na tekst w rodzimym języku - toLocaleString
...Array.prototype.toLocaleString new Array([1000.2]).toLocaleString(); // np.: "1 000,2" new Array([1000.2]).toString(); // "1000.2" var date = new Date(2000, 0, 31, 20, 30); new Array([date]).toLocaleString(); // np.: "31 styczeń 2000 20:30:00" new Array([date]).toString(); // np.: "Mon Jan 31 2000 20:30:00 GMT+0100" var obj = {}; obj.toLocaleString = undefined; new Array([obj]).toLocaleString(); // TypeError
Aktualizacja / NowośćSpis treści Nowość Opcje nowości Nowość W serwisie WWW przydatne może się okazać zasygnalizowanie użytkownikowi wprowadzonych ostatnio nowości, poprzez umieszczenie w spisie treści (bezpośrednio obok danej pozycji) albo obok daty aktualizacji (na każdej ze stron) specjalnego obrazka lub napisu, wskazującego, że pozycja ta została ostatnio zaktualizowana. W ten sposób użytkownik już podczas przeglądania spisu treści odnajdzie wszystkie nowości. Zaletą użycia skryptu jest to, że nie musimy...
- Aktualizacja / System newsów
...{ padding: 5px; /* margines wewnatrz */ text-align: justify; /* wyrównanie tekstu: left, right, center, justify */ } /* Data */ .news_date { font-size: 11px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; padding-bottom: 0; } .news_date span { font-weight: bold; } /* Obrazek: */ .news_img { float: left; /* ustawienie: left, right */ margin-right: 10px; margin-bottom: 5px; border: 0; }...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
Spis treści Wymagana wiedza Przykład galerii zdjęć Skrypt galerii zdjęć (gotowiec) Zbiory zdjęć Ochrona przed kopiowaniem zdjęć Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Przykład galerii zdjęć Kliknij wybrane zdjęcie lewym przyciskiem myszki, aby zobaczyć powiększenie: Zwróć uwagę, że po otworzeniu powiększenia możesz nawigować pomiędzy kolejnymi zdjęciami z galerii również za pomocą klawiatury - klawiszami strzałki w lewo (poprzednie zdjęcie) i w prawo...
- Skórki
Wymagana wiedza: Konstruowanie ścieżek dostępu Podstawowe zasady tworzenia odsyłaczy Style CSS, a zwłaszcza zewnętrzne arkusze stylów Niektóre serwisy pozwalają swoim użytkownikom zmienić wygląd stron, poprzez wybór jednego spośród przygotowanych specjalnych szablonów, które często nazywa się skórkami (ang. skins). Choć na pierwszy rzut oka operacja zmiany wyglądu wydaje się być dość skomplikowana, tak naprawdę absolutnie nie ma potrzeby budowania drugiej wersji strony dla każdej kolejnej...
Tekst HTML / Kod komputerowy <code><code>...</code> wyświetlanie: w linii Pozwala wprowadzić fragment kodu komputerowego ("wyciąg" z programu lub źródła dokumentu), który jest napisany czcionką monotypiczną (tak jak w przypadku tekstu preformatowanego). Nie uwzględnia on jednak dodatkowych spacji, tabulacji ani znaków końca linii (trzeba używać <br>) oraz jest automatycznie zawijany. Ponieważ powyższy znacznik nie uznaje znaków końca linii, dodatkowych spacji, a także nie blokuje zawijania tekstu na ekranie, zamiast niego...
- Obsługa błędów w JavaScript - Error / Błąd zakresu - RangeError
Spis treści RangeError RangeError RangeError.prototype.name RangeError RangeError() new RangeError() RangeError(message) new RangeError(message) Parametry: String message - komunikat błędu (domyślnie: "") Wartość: RangeError - nowa instancja obiektu błędu Ta klasa dziedziczy po Error. Wskazuje, że liczba przekracza dozwolony zakres. Błąd RangeError może zostać rzucony w postaci wyjątku z funkcji: Array, new Array, new Array.length, Number.prototype.toString...
- HTML5 / Walidacja pól formularza <input pattern>
...Jeśli jednak chcemy wymusić wypełnienie pola, trzeba dodatkowo użyć atrybutu required. Do walidacji wybranych standardowych typów wartości (color, date, datetime-local, email, month, number, range, time, url, week) warto skorzystać z podstawowej wersji pola formularza. Pozwoli to nie tylko prawidłowo zweryfikować poprawność wprowadzanych danych, ale również w wielu przypadkach udostępni użytkownikowi specjalną wersję kontrolki ułatwiającej wybór wartości. Ponadto urządzenia mobilne (np...