oznacza - Kurs HTML i CSS
CSS dla zielonych / Kolor odsyłaczy CSS {color} :hovera { color: kolor; } a:hover { color: podświetlenie; } gdzie "kolor" oznacza definicję koloru, jaką mają przyjąć wszystkie odsyłacze na stronie. Natomiast "podświetlenie" określa definicję koloru, jaką przyjmie odsyłacz po wskazaniu go myszką. Zwróć uwagę, że koloru podświetlenia nie da się podać w inny sposób, niż przy pomocy języka CSS. A jest to bardzo przydatna możliwość. W ten sposób po wskazaniu elementu myszą użytkownik od razu widzi, że jest to element interaktywny, który można...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
(CSS 3 - interpretuje Firefox 19, Opera 15, Chrome 4) selektor { cecha: initial } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Dziedziczenie stylów to bardzo przydatna funkcja w języku CSS. Dzięki niej nie musimy definiować np. koloru tekstu dla każdego elementu strony osobno. Zdarzają się jednak przypadki, kiedy takie zachowanie może nie być dla nas pożądane. Na szczęście istnieje sposób na...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...zadbać o odpowiedni kontrast pomiędzy tłem a kolorem tekstu, ponieważ w przeciwnym razie treść strony może się stać zupełnie nieczytelna. W praktyce oznacza to, że tapeta nie powinna być zbyt pstrokata ani zbyt jaskrawa, aby nie rozpraszała czytelnika. Warto zauważyć, że można zaprojektować wzór tapety w taki sposób, żeby granice pomiędzy sąsiednimi kafelkami nie były widoczne, tzn. płynnie przechodziły jeden w drugi na kształt fantazyjnego dywanu lub wzorzystej tkaniny. W tym celu wystarczy...
- Dziedziczenie stylów CSS / Wymuszenie dziedziczenia {...: inherit}
selektor { cecha: inherit } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Dziedziczenie stylów jest domyślnym zachowaniem w języku CSS. To znaczy nie trzeba nic robić, żeby z niego skorzystać - zostanie ono zastosowane automatycznie. Dopiero kiedy wybranemu elementowi przypiszemy jakiś styl, nie odziedziczy on go po swoich przodkach (czyli znacznikach, wewnątrz których się znajduje). A co...
Wykaz skryptów / Prawa autorskieMożesz Wykorzystywać wszystkie skrypty do budowy serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego ze skryptów menu do ulepszenia nawigacji na stronie WWW. Dopasowywać wygląd elementów generowanych przez skrypt, modyfikując kod HTML i CSS. Kod JavaScript można modyfikować tylko w ramach podanych w opisie instalacji. Publikować na stronie WWW kod udostępnionych tutaj skryptów wraz z opisem działania i instalacji - np. jeśli prowadzisz...
- Nowe okno / Jedno okno
Spis treści Jedno okno Pop-under Jedno okno Po załadowaniu strony: <body onload="window.open('adres', 'nazwa').focus()>...</body> Przed załadowaniem strony: <head> <script> window.open('adres', 'nazwa').focus(); </script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego...
Polityka prywatnościAdministrator Dane osobowe oznaczają informacje o zidentyfikowanej lub możliwej do zidentyfikowania osobie fizycznej. Administrator oznacza podmiot, który ustala cele i sposoby przetwarzania danych osobowych. Administratorem danych osobowych w tym serwisie jest: Sławomir Kokłowski (kontakt). Cele przetwarzania danych osobowych Cookies - zwane również ciasteczkami - to niewielkie pliki przechowywane przez przeglądarkę internetową na komputerze użytkownika. Korzystanie z cookie jest...
- Prawa autorskie
...kodu źródłowego, wraz z załączonymi przykładowymi grafikami, do budowy serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego z podanych przykładów kodu CSS tworzących menu nawigacyjne, wraz z użytą tam grafiką, do zwiększenia estetyki tworzonej strony. Umieścić kurs w niezmienionej wersji offline umożliwiającej normalne przeglądanie dokumentów *.html w wewnętrznym intranecie firmy, szkoły, uczelni itp., ale tylko jeżeli nie będzie do...
Globalne obiekty w JavaScript / Znaczenie NaN w JavaScript - NaN...Wskazuje to najczęściej, że do funkcji zostały przekazane niepoprawne parametry i w związku z tym nie może ona zwrócić wartości liczbowej. NaN oznacza dosłownie: nie-liczba. NaN porównana do dowolnej innej wartości - w tym nawet do NaN - zawsze zwraca false. Dlatego aby sprawdzić, czy wartość wynosi NaN, należy użyć funkcji isNaN. Przykład NaN NaN == 1; // false NaN == 0; // false NaN == false; // false NaN == null; // false NaN == NaN; // false NaN...
- Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie obecności elementu w tablicy - indexOf
...dalej następuje jej przeszukanie w kierunku końca. Przypominam, że pierwszy element tablicy ma indeks 0, a więc taka wartość zwrócona przez funkcję oznacza, że poszukiwany element został znaleziony (na samym początku tablicy). Przykład Array.prototype.indexOf var items = [1, 2, 3, 1]; items.indexOf(1); // 0 items.indexOf(1, 1); // 3 items.indexOf(1, -3); // 3 == items.indexOf(1, 2) items.indexOf(1, -10); // 0 == items.indexOf(1, 0) items.indexOf(1, 10); // -1 == items.indexOf(1...