User manual

Wybór

koloru

w przeglądarce Chrome

Nawet jeśli wygląd strony internetowej nie różni się znacznie od poprzedniej, to

jest tu kilka elementów, które chcę bliżej opisać. Po pierwsze mamy zmianę w

headerze dokumentu HTML, która dotyczy następującego wiersza:

Zadaniem tego wiersza jest zapobieganie temu, żeby przeglądarka po

załadowaniu strony internetowej załadowała tzw. favicon. Z reguły strona

internetowa posiada bowiem jeszcze specjalny symbol różniący się od innych

stron internetowych i identyfikujący jednoznacznie stronę internetową na pasku

przeglądarki za pomocą wielu klawiszy. Aby przeglądarka mogła załadować ten

znak, po wywołaniu strony wysyła żądanie Request i pyta o favicon. Być może w

pierwszych próbach z serwerem TCP zwróciliście uwagę na to dodatkowe

zapytanie Request. Aby zatrzymać drugie zapytanie i nie obciążać niepotrzebnie

karty, powyższy wiersz z kodem informuje przeglądarkę, że nie ma wysyłać

drugiego żądania. Zalecam wpisanie tego wiersza do swoich stron HTML.

Druga rzecz szczególna w tym dokumencie to wspomniany już element Color-

Picker. Można powiedzieć, że zastępuje on przyciski z poprzedniego przykładu.

Jest to względnie nowy element HTML5.

Na poprzedniej stronie internetowej wybraliśmy po prostu przyciski typu submit i

po ich naciśnięciu wartości formularza były przekazywane bezpośrednio. W

elemencie typu color jest to niestety niemożliwe. Możliwym rozwiązaniem

problemu byłoby utworzenie przycisku typu submit, który nastę pnie po ustawieniu

farby musiałby zostać dodatkowo naciśnięty. To zostanie zaprezentowane w

późniejszej próbie. Tutaj został wklejony mały kod JavaScript (chodzi o

częśćonchange="this.form.submit()"), który dba o to, żeby formularz był