Dynamiczny HTML. 101 praktycznych skryptów - ebook

• "Pływające" napisy oraz wyskakujące i wysuwane podpowiedzi
• Zautomatyzowana zamiana obrazów
• Pasek nawigacyjny w CSS
• Menu z efektem przenikania

Ładowanie witryny po każdym kliknięciu, ręczne wpisywanie dat, brak natychmiastowych podpowiedzi w "dymkach" - to wszystko skutecznie i szybko odstrasza współczesnych użytkowników internetu. Jako webmaster doskonale wiesz, że ludzie oczekują wygodnych w użyciu, funkcjonalnych oraz interaktywnych serwisów, działających i wyglądających identycznie niezależnie od przeglądarki.

Martwisz się, że takie ożywienie strony będzie Cię kosztowało mnóstwo pracy? Na szczęście nie musisz wynajdywać koła na nowo. Pełną garść niezwykle przydatnych rozwiązań oferuje książka "Dynamiczny HTML. 101 praktycznych skryptów ". Przedstawionych w niej skryptów możesz użyć od ręki - rozwiązują one problemy najczęściej spotykane podczas tworzenia stron internetowych. Nie musisz być specjalistą w dziedzinie XHTML, CSS czy JavaScriptu, żeby zastosować w swoich projektach sprawdzone rozwiązania!

Podręcznik w prosty i szczegółowy sposób rozwieje wszystkie Twoje wątpliwości. Znajdziesz tutaj między innymi:

• kilkanaście przykładów obsługujących takie efekty, jak modalne okna dialogowe, rozpoznawanie typu przeglądarki oraz system logowania użytkowników;
• wszelkiego rodzaju zegary, stopery i systemy odliczania czasu, różne typy kalendarzy, w tym kalendarz typu pop-up;
• opis dynamicznej zmiany stylu strony;
• sposoby badania poprawności danych i wykonywania operacji na formularzach;
• dynamiczne menu;
• galerie i efekty z obrazkami.

Wstęp (7)

Rozdział 1. Okna i treść (11)

• Otwarcie nowego okna o zadanych parametrach (11)
• Zamykanie okna przeglądarki (18)
• Interfejs do przewijania treści strony (przez kliknięcia) (21)
• Automatyczne przewijanie treści strony (24)
• Podświetlanie komórki tabeli lub innego elementu witryny (CSS) (26)
• Podświetlanie komórki tabeli lub innego elementu witryny (JavaScript) (27)
• Rozpoznanie typu przeglądarki (29)
• Strona zależna od typu przeglądarki (32)
• Modalne okno dialogowe (33)
• Strona tytułowa (splash screen) (38)
• Treść wyświetlana w zagnieżdżonym oknie (wybór tematu z listy) (39)
• Treść wyświetlana w zagnieżdżonym oknie (temat wybierany kliknięciem) (41)
• Treść przedstawiana w symulowanych kartach (43)
• Logowanie użytkowników (48)
• Dostęp do ukrytej treści (50)
• Hasło zabezpieczające witrynę (53)
• Zliczanie liczby odwiedzin (56)
• Uniemożliwienie zaznaczenia fragmentu strony (59)
• Dodanie strony do zakładek (60)

Rozdział 2. Data i czas (65)

• Zegar cyfrowy (65)
• Stoper, czyli odmierzanie czasu (68)
• Odliczanie zadanego czasu (70)
• Odliczanie czasu do zadanej daty (74)
• Obliczanie liczby dni między podanymi datami (75)
• Kalendarz (78)
• Kalendarz w dowolnym miejscu strony (drag & drop) (83)
• Kalendarz typu pop-up pozwalający na wskazanie daty (84)
• Treść zależna od godziny (pory dnia) (89)
• Treść zależna od daty (91)
• Treść zmieniająca się o określonej godzinie (w określonych godzinach) (92)

Rozdział 3. Style CSS (95)

• Dynamiczna zmiana stylu strony (95)
• Styl zależny od przeglądarki (98)
• Powiększanie i zmniejszanie tekstu (99)
• Przypisanie wybranemu elementowi stylu wprowadzonego przez użytkownika (102)
• Kompozycja stylu z wybranych elementów (104)

Rozdział 4. Obsługa formularzy (107)

• Walidacja formularzy (107)
• Weryfikacja z uwzględnieniem formatu danych i wyróżnianiem błędnych pól (111)
• Wyszukiwanie frazy w tekście strony (114)
• Automatyczne podświetlanie wszystkich wystąpień poszukiwanego ciągu znaków (118)
• Automatyczne przenoszenie kursora między elementami formularza (120)
• Blokada wpisywania w formularzu wybranych znaków (blokada klawiszy) (121)
• Dynamiczna weryfikacja danych w trakcie ich wprowadzania (według określonego wzorca) (124)
• Pole tekstowe automatycznie zmieniające swoją wielkość (126)
• Ograniczenie liczby znaków wpisywanych do rozszerzonego pola tekstowego (128)
• Wyróżnianie aktywnego elementu formularza (witryny) (129)

Rozdział 5. Rozmaitości (133)

• Potwierdzanie operacji przez użytkownika (133)
• Okno potwierdzania z odliczaniem (135)
• Modyfikacja paska tytułowego (138)
• Modyfikacja paska stanu (139)
• Pasek postępu (zdarzeniowy) (140)
• Pasek postępu (czasowy) (143)
• Weryfikacja adresu e-mail (146)

Rozdział 6. Pływające napisy (149)

• Napis pływający w polu tekstowym (149)
• Napis pływający w dowolnym miejscu witryny (153)
• Napis płynnie zmieniający kolor (157)
• Kolor płynący po napisie (160)
• Napis na sinusoidzie (164)
• Litery pojawiające się pojedynczo (symulacja pisania na klawiaturze) (168)

Rozdział 7. Boksy reklamowe, podpowiedzi itp. (171)

• Wyskakująca podpowiedź (171)
• Wysuwana podpowiedź (opis) (174)
• Pojawiająca się podpowiedź (178)
• Warstwa (opis, okno) przesuwana za pomocą myszy (180)
• Boks ze zmienną treścią (reklamy, wiadomości itp.) (184)
• Boks z efektem skrolowania (186)
• Boks z efektem przejścia (190)

Rozdział 8. Odnośniki (193)

• Odnośnik z potwierdzeniem (193)
• Element strony jako odnośnik (symulacja odnośników) (195)
• Wybór odnośnika z listy rozwijanej (manualny) (196)
• Wybór odnośnika z listy rozwijanej (automatyczny) (198)
• Odnośnik z dodatkowym opisem (199)
• Zdecyduj, gdzie otwierać odnośniki (201)

Rozdział 9. Obrazy (203)

• Zmiana obrazu po najechaniu myszą (203)
• Zautomatyzowana zamiana obrazów (205)
• Przesuwanie obrazu po stronie (207)
• Zmiana rozmiarów obrazu z podaniem nowych wartości (208)
• Skalowanie obrazu za pomocą myszy (210)
• Pokaz slajdów (212)
• Obraz wyświetlany na nowej warstwie przykrywającej zawartość strony (216)
• Obraz wyświetlany w nowym oknie (218)
• Lupa (powiększanie fragmentów obrazu) (220)
• Logo stale widoczne w wybranym miejscu strony (223)
• Obraz płynący po stronie (226)
• Ładowanie obrazów z paskiem postępu (I) (230)
• Ładowanie obrazów z paskiem postępu (II) (234)
• Galeria obrazów z podpisami (237)
• Wyszukiwanie obrazów po opisie (240)

Rozdział 10. Menu (245)

• Pasek nawigacyjny w CSS (245)
• Klasyczne menu poziome z użyciem CSS (247)
• Menu poziome z użyciem JavaScriptu (251)
• Wysuwane menu poziome (256)
• Menu z efektem przenikania (258)
• Menu wysuwane z boku (260)
• Przełączane menu z niezależnymi pozycjami (263)
• Menu przełączane wykluczające (266)
• Przełączane menu z animacją (267)
• Przesuwany boks menu (menu ustawiane przez użytkownika) (270)
• Menu kontekstowe (272)

Rozdział 11. Powiązane opcje i menu hierarchiczne (275)

• Boczne drzewo menu (275)
• Menu rozwijane z podpozycjami (278)
• Powiązane listy rozwijane (282)
• Powiązane opcje wyboru (288)

Skorowidz (291)