Aby stworzyć atrakcyjną stronę WWW, nie wystarcza już znajomość języka HTML. Witryny wzbogacone przyciągającymi uwagę użytkownika animacjami i elementami interaktywnymi to w Internecie codzienność. Umieszczenie na stronie tych elementów często przerasta umiejętności początkującego webmastera.

"101 praktycznych skryptów na stronę WWW" to książka prezentująca gotowe do wykorzystania, praktyczne skrypty napisane w języku JavaScript, które sprawią, że strona "ożyje" i stanie się bardziej atrakcyjna dla odbiorcy.

Dodaj do swojej strony skrypty obsługujące:

• Formularze
• OdnoÅ›niki
• PÅ‚ywajÄ…ce napisy
• Efekty tÅ‚a
• Animacje warstw

Książka przeznaczona jest zarówno dla osób początkujących, jak i średnio zaawansowanych (znających podstawy HTML-a, JavaScriptu czy DHTML-a). Każdy skrypt jest przedstawiony w postaci gotowej do uruchomienia. Wystarczy zatem wkleić go do swojej witryny, zupełnie nie przejmując się technicznymi aspektami jego działania, aby osiągnąć zamierzony efekt. Dla osób bardziej zaawansowanych zaprezentowane w książce pomysły mogą być inspiracją do tworzenia własnych projektów.

 

Osoby które kupowały "101 praktycznych skryptów na stronę WWW", wybierały także:

• Windows Media Center. Domowe centrum rozrywki 66,67 zÅ‚, (8,00 zÅ‚ -88%)
• Przywództwo w Å›wiecie VUCA. Jak być skutecznym liderem w niepewnym Å›rodowisku 58,64 zÅ‚, (12,90 zÅ‚ -78%)
• Mapa Agile & Scrum. Jak si 57,69 zÅ‚, (15,00 zÅ‚ -74%)
• Lean dla bystrzaków. Wydanie II 49,62 zÅ‚, (12,90 zÅ‚ -74%)
• Gra bez koÅ„ca 47,78 zÅ‚, (12,90 zÅ‚ -73%)

• 
• 
• 
• 
• 

Spis treści

101 praktycznych skryptów na stronę WWW -- spis treści

Wstęp (7)

Rozdział 1. Proste zdarzenia i obsługa myszy (9)

• Skrypt 1. Zdarzenie onLoad. Powitanie użytkownika [E][N][O] (10)
  
• Skrypt 2. Zdarzenie onUnload. Pożegnanie użytkownika [E][N][O] (11)
  
• Skrypt 3. Powitanie i pożegnanie korzystajÄ…ce z podanego imienia [E][N][O] (11)
  
• Skrypt 4. Okno dialogowe wyÅ›wietlane po najechaniu myszÄ… na tekst [E][N6][O] (13)
  
• Skrypt 5. Zamykanie okna przeglÄ…darki [E][N][O] (14)
  
• Skrypt 6. Zamykanie okna przeglÄ…darki potwierdzane przez użytkownika [E][N][O] (15)
  
• Skrypt 7. Zmiana napisu na pasku stanu [E][N][O] (17)
  
• Skrypt 8. Zmiana kursora myszy na "celownik" [E][N6] (18)
  
• Skrypt 9. Wybór ksztaÅ‚tu kursora z listy [E] (19)
  
• Skrypt 10. Blokowanie funkcji prawego przycisku myszy [E] (22)
  
• Skrypt 11. Blokada prawego przycisku myszy rozróżniajÄ…ca typ przeglÄ…darki [E][N] (24)
  
• Skrypt 12. Blokada lewego przycisku myszy [E] (26)

Rozdział 2. Skrypty związane z formularzami (29)

• Skrypt 13. Sprawdzenie iloÅ›ci formularzy w dokumencie [E][N][O] (30)
  
• Skrypt 14. Sprawdzenie czy użytkownik podaÅ‚ wymagane dane [E][N][O] (31)
  
• Skrypt 15. Nadanie niewypeÅ‚nionym polom zadanej wartoÅ›ci [E][N][O] (35)
  
• Skrypt 16. Kalkulator wykonujÄ…cy podstawowe dziaÅ‚ania arytmetyczne [E][N6][O] (37)
  
• Skrypt 17. Przeszukiwanie tekstu [E][N][O] (42)
  
• Skrypt 18. Przycisk zmieniajÄ…cy kolor po najechaniu naÅ„ kursorem myszy [E][N6] (44)
  
• Skrypt 19. Przycisk samoczynnie zmieniajÄ…cy kolor [E][N6] (47)
  
• Skrypt 20. Jednoczesna zmiana koloru przycisku i tekstu na przycisku [E][N6] (49)
  
• Skrypt 21. Automatyczne przenoszenie kursora miÄ™dzy elementami formularza [E][N][O] (50)
  
• Skrypt 22. Zablokowanie możliwoÅ›ci wpisywania liter w formularzu [E] (52)
  
• Skrypt 23. Pole tekstowe automatycznie zmieniajace swojÄ… wielkość [E] (53)

Rozdział 3. Okna i czas (55)

• Skrypt 24. Otworzenie nowego, pustego okna przeglÄ…darki [E][N] (56)
  
• Skrypt 25. Otworzenie nowego okna, o zadanych rozmiarach i zawartoÅ›ci [E][N] (58)
  
• Skrypt 26. WyÅ›wietlenie ostrzeżenia o niewÅ‚aÅ›ciwej rozdzielczoÅ›ci ekranu [E][N][O] (60)
  
• Skrypt 27. Zmiana koloru paska przewijania [E] (61)
  
• Skrypt 28. Odmierzanie czasu [E][N][O] (63)
  
• Skrypt 29. Odmierzanie czasu z możliwoÅ›ciÄ… zatrzymania zegara [E][N][O] (65)
  
• Skrypt 30. Przewijanie treÅ›ci strony [E][O] (65)
  
• Skrypt 31. PÅ‚ywajÄ…cy ekran [E][N4][O] (68)
  
• Skrypt 32. UciekajÄ…cy ekran [E][O] (69)
  
• Skrypt 33. Zegar cyfrowy [E][N][O] (69)
  
• Skrypt 34. WyÅ›wietlenie aktualnej daty i czasu [E][N][O] (72)
  
• Skrypt 35. WyÅ›wietlenie aktualnej daty i czasu na przycisku [E][N][O] (74)
  
• Skrypt 36. WyÅ›wietlenie aktualnej daty i czasu na pasku stanu [E][N][O] (75)
  
• Skrypt 37. WyÅ›wietlenie bieżącego dnia tygodnia [E][N][O] (76)
  
• Skrypt 38. WyÅ›wietlenie wartoÅ›ci zwiÄ…zanych z datÄ… i czasem [E][N][O] (78)
  
• Skrypt 39. Zegar podajÄ…cy czas w formacie binarnym [E][N][O] (81)

Rozdział 4. Odnośniki (83)

• Skrypt 40. Automatyczne zaÅ‚adowanie strony [E][N][O] (83)
  
• Skrypt 41. Automatyczne zaÅ‚adowanie strony bez użycia JavaScriptu [E][N][O] (84)
  
• Skrypt 42. Przyciski bÄ™dÄ…ce jednoczeÅ›nie odnoÅ›nikami [E][N][O] (85)
  
• Skrypt 43. OdnoÅ›niki na liÅ›cie rozwijanej [E][N][O] (86)
  
• Skrypt 44. OdnoÅ›niki na liÅ›cie rozwijanej z bezpoÅ›redniÄ… zmianÄ… strony [E][N][O] (88)
  
• Skrypt 45. OdsyÅ‚acze z dodatkowymi opisami [E][N][O] (88)
  
• Skrypt 46. OdnoÅ›niki na liÅ›cie rozwijanej otwierane w nowym oknie [E][N] (90)
  
• Skrypt 47. OdnoÅ›niki na liÅ›cie rozwijanej z możliwoÅ›ciÄ… wyboru okna [E][N] (92)
  
• Skrypt 48. Uniemożliwienie wczytania strony do ramki [E][N][O] (93)
  
• Skrypt 49. Dodawanie odsyÅ‚acza do zakÅ‚adki "Ulubione" [E] (94)
  
• Skrypt 50. Ustawianie wybranej strony jako startowej [E] (95)
  
• Skrypt 51. Akapit tekstowy udajÄ…cy odnoÅ›nik [E][N6][O] (96)
  
• Skrypt 52. Dodatkowe wyróżnienie odnoÅ›nika [E] (97)

Rozdział 5. Pływające napisy (101)

• Skrypt 53. Napis przesuwajÄ…cy siÄ™ w poziomie w lewo [E][N][O] (101)
  
• Skrypt 54. Napis przesuwajÄ…cy siÄ™ w poziomie w lewo uwzglÄ™dniajÄ…cy wielkość okna tekstowego [E][N6][O] (102)
  
• Skrypt 55. PÅ‚ywajÄ…cy tekst odbijajÄ…cy siÄ™ od lewej i prawej strony [E][O] (104)
  
• Skrypt 56. Zamiana tekstu przez losowe wstawianie znaków [E][N][O] (105)
  
• Skrypt 57. Zamiana tekstów poprzez wymianÄ™ znaków od prawej strony [E][N][O] (107)
  
• Skrypt 58. Zamiana tekstów poprzez wymianÄ™ znaków od lewej strony [E][N][O] (108)
  
• Skrypt 59. Symulacja pisania na klawiaturze [E][N][O] (109)
  
• Skrypt 60. Tekst rozwijany w prawÄ… stronÄ™ i zwijany w lewo [E][N][O] (111)
  
• Skrypt 61. Tekst rozwijany w prawÄ… stronÄ™ i zwijany w prawo [E][N][O] (112)
  
• Skrypt 62. PÅ‚ywajÄ…cy tekst na pasku stanu [E][N][O] (113)
  
• Skrypt 63. PÅ‚ywajÄ…ca data na pasku stanu [E][N][O] (114)
  
• Skrypt 64. PÅ‚ywajÄ…ca data i czas na pasku stanu [E][N][O] (116)
  
• Skrypt 65. PÅ‚ywajÄ…ca data i czas na pasku stanu II [E][N][O] (117)
  
• Skrypt 66. Data i czas na pasku stanu pÅ‚ywajÄ…ca w obie strony [E][N][O] (119)
  
• Skrypt 67. PÅ‚ywajÄ…cy tekst na pasku tytuÅ‚u okna przeglÄ…darki [E][N6][O] (120)
  
• Skrypt 68. Zegarek w tytule okna [E][N6][O] (122)

Rozdział 6. Efekty tła (125)

• Skrypt 69. TÅ‚o zmieniajÄ…ce siÄ™ po najechaniu na obrazek [E][N6] (125)
  
• Skrypt 70. TÅ‚o zmieniajÄ…ce siÄ™ po najechaniu na obrazek II [E][N6] (127)
  
• Skrypt 71. Wybór koloru tÅ‚a z listy rozwijanej [E][N] (128)
  
• Skrypt 72. TÅ‚o zmieniajÄ…ce cyklicznie kolor [E][N] (129)
  
• Skrypt 73. TÅ‚o zmieniajÄ…ce kolor losowo [E][N] (130)
  
• Skrypt 74. TÅ‚o zmieniajÄ…ce kolor losowo II [E][N] (131)
  
• Skrypt 75. Zmiana koloru tÅ‚a w komórce tabeli [E][N6] (132)
  
• Skrypt 76. Wybór koloru tÅ‚a przy użyciu myszy [E][N6] (134)
  
• Skrypt 77. Wybór koloru tÅ‚a przy użyciu myszy II [E][N6] (136)
  
• Skrypt 78. PÅ‚ywajÄ…ce tÅ‚o [E][N6] (139)
  
• Skrypt 79. TÅ‚o przesuwajÄ…ce siÄ™ w poziomie [E][N6] (140)
  
• Skrypt 80. TÅ‚o z cyklicznie zmieniajÄ…cych siÄ™ obrazów [E][N6] (141)
  
• Skrypt 81. TÅ‚o z losowo zmieniajÄ…cych siÄ™ obrazów [E][N6] (142)
  
• Skrypt 82. RozjaÅ›nianie tÅ‚a [E][N] (143)
  
• Skrypt 83. Åšciemnianie tÅ‚a [E][N] (144)
  
• Skrypt 84. Pulsowanie tÅ‚a [E][N] (144)

Rozdział 7. Animacje warstw (147)

• Skrypt 85. UciekajÄ…cy obrazek [E][N6][O] (147)
  
• Skrypt 86. PÅ‚ywajÄ…ca warstwa [E][N4][O] (151)
  
• Skrypt 87. PulsujÄ…cy tekst [E][N6][O] (152)
  
• Skrypt 88. Tekst pÅ‚ynnie zmieniajÄ…cy kolor [E][N6] (153)
  
• Skrypt 89. Efekt kurtyny [E][O] (156)
  
• Skrypt 90. Wygenerowane dynamicznie tÅ‚o [E][N4] (158)
  
• Skrypt 91. Kurtyna z dynamicznie generowanymi warstwami [E][N4][O] (161)
  
• Skrypt 92. Obrazek odbijajÄ…cy siÄ™ od boków ekranu [E][O] (164)
  
• Skrypt 93. Skalowanie obrazka [E][N6] (165)
  
• Skrypt 94. PulsujÄ…cy obrazek [E][N6] (167)
  
• Skrypt 95. SpadajÄ…ce warstwy [E][O] (168)
  
• Skrypt 96. SpadajÄ…ce warstwy generowane dynamicznie [E][O] (171)
  
• Skrypt 97. PÅ‚atki Å›niegu przemieszczajÄ…ce siÄ™ w dwóch kierunkach [E][O] (173)
  
• Skrypt 98. Realistycznie padajÄ…cy Å›nieg [E][O] (175)
  
• Skrypt 99. OdbijajÄ…ca siÄ™ piÅ‚ka [E][O] (177)
  
• Skrypt 100. PiÅ‚ka poruszajÄ…ca siÄ™ po sinusoidzie [E][N6][O] (180)
  
• Skrypt 101. PÅ‚ywajÄ…ce warstwy [E][N][O] (181)

Zakończenie (185)

• Skrypt 102. PÅ‚ywajÄ…ca sinusoida [E][N][O] (185)

Skorowidz (189)