101 praktycznych skryptow na strone WWW Wydanie II.pdf

(515 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TREŒCI
101 praktycznych skryptów
na stronê WWW. Wydanie II
Autor: Marcin Lis
ISBN: 83-246-0278-X
Format: B5, stron: 216
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
Wykorzystaj mo¿liwoœci technologii skryptowych i uatrakcyjnij swoj¹ stronê WWW
• Dodaj do strony mechanizm weryfikacji danych wpisanych przez u¿ytkownika
• Kontroluj parametry okien przegl¹darki
• Stwórz efekty specjalne w oparciu o warstwy
• WprowadŸ elementy interaktywne
Dziœ, gdy witrynê WWW mo¿na stworzyæ praktycznie bez znajomoœci jêzyka HTML,
w³asne miejsce w sieci mo¿e mieæ ka¿dy. Có¿ wiêc zrobiæ, by wyró¿niæ swoj¹ stronê
spoœród setek tysiêcy innych? Zwyk³a, statyczna strona to zdecydowanie za ma³o.
Wed³ug regularnie przeprowadzanych badañ najwiêksz¹ popularnoœci¹ wœród
odwiedzaj¹cych ciesz¹ siê witryny interaktywne z elementami animacji.
Nic prostszego — dok³adamy do strony animacje! Tylko jak? Nie ka¿dy ma czas
na naukê nowych technologii, a w dodatku nie wiadomo, któr¹ z nich wybraæ.
Napisanie skryptu w JavaScript lub dowolnym innym jêzyku zwykle przerasta
mo¿liwoœci pocz¹tkuj¹cego webmastera.
Ksi¹¿ka „101 praktycznych skryptów na stronê WWW. Wydanie II” to zbiór gotowych
do wykorzystania skryptów stworzonych za pomoc¹ DHTML i JavaScript, dziêki którym
uatrakcyjnisz ka¿d¹ witrynê WWW. Wszystkie zaprezentowane tu skrypty s¹ gotowe
do uruchomienia — wystarczy wkleiæ kod Ÿród³owy do kodu HTML. Ka¿dy z nich mo¿e
równie¿ byæ podstaw¹ do tworzenia innych ciekawych efektów i materia³em do nauki
praktycznych zastosowañ jêzyka JavaScript i dynamicznego HTML.
• Wyœwietlanie okien dialogowych
• Zmiana kszta³tu kursora myszy
• Wyszukiwanie ³añcuchów znaków na stronie
• Obs³uga formularzy
• Otwieranie nowych okien przegl¹darki o zadanych parametrach
• Pobieranie informacji o przegl¹darce i rozdzielczoœci ekranu
• Wzbogacanie wygl¹du hiper³¹czy
• Animowanie napisów
• Wyœwietlanie banerów
• Autoryzacja u¿ytkowników i korzystanie z plików cookies
• Animacje warstw
Przekonaj siê, jak wiele mo¿na zmieniæ na stronie WWW za pomoc¹ prostych skryptów
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOŒCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
Spis treści
Wstęp .....................................................................................9
Rozdział 1. Skrypty różne ........................................................................11
Skrypt 1. Skrypt, który po załadowaniu strony WWW
wyświetla okno dialogowe
[E][F][K][N][O]
...................................................... 12
Skrypt 2. Skrypt, który przy opuszczaniu strony WWW
wyświetla okno pożegnalne
[E][F][K][N][O]
...................................................... 13
Skrypt 3. Skrypt, który po kliknięciu odnośnika umieszczonego
w dokumencie zamyka okno przeglądarki
[E][F][K][N][O]
.............................. 13
Skrypt 4. Skrypt, który po kliknięciu przycisku pyta użytkownika,
czy na pewno chce opuścić bieżącą stronę
[E][F][K][N][O]
............................... 15
Skrypt 5. Skrypt, który zmienia napis na pasku stanu,
po najechaniu kursorem lub kliknięciu odnośnika
[E][F][K][N][O]
................... 16
Skrypt 6. Skrypt, który po najechaniu na odnośnik
zmienia wygląd kursora myszy na „celownik”
[E][F][K][N][O]
........................ 18
Skrypt 7. Skrypt umożliwiający wybranie
kształtu kursora myszy z listy
[E][F][K][N][O]
.................................................. 19
Skrypt 8. Skrypt blokujący możliwość naciśnięcia
prawego przycisku myszy
[E][F][K][N]
............................................................. 23
Skrypt 9. Blokada lewego przycisku myszy
[E][F][K][N][O]
............................... 25
Skrypt 10. Wyróżnienie komórki tabeli
[E][F][K][N][O]
...................................... 26
Skrypt 11. Rozpoznanie rodzaju przeglądarki
[E][F][K][N][O]
............................ 28
Skrypt 12. Strona zależna od rodzaju przeglądarki
[E][F][K][N][O]
.................... 30
Skrypt 13. Strona zależna od systemu operacyjnego
[E][F][K][N][O]
.................. 31
Skrypt 14. Dynamiczne przyciski
[E][F][K][N][O]
.............................................. 32
Skrypt 15. Walidacja adresu e-mail
[E][F][K][N][O]
............................................ 34
Skrypt 16. Antyspam
[E][F][K][N][O]
.................................................................. 36
4
101 praktycznych skryptów na stronie WWW
Rozdział 2. Obsługa formularzy ................................................................37
Skrypt 17. Skrypt sprawdzający, czy użytkownik podał
w formularzu wszystkie wymagane dane I
[E][F][K][N][O]
.............................. 38
Skrypt 18. Skrypt sprawdzający, czy użytkownik podał
w formularzu wszystkie wymagane dane II
[E][F][K][N][O]
............................ 42
Skrypt 19. Kalkulator umożliwiający
wykonywanie podstawowych działań arytmetycznych
[E][F][K][N][O]
........... 45
Skrypt 20. Skrypt umożliwiający przeszukiwanie tekstu
pod kątem występowania danego ciągu znaków
[E][F][K][N][O]
..................... 49
Skrypt 21. Przycisk, który zmienia kolor,
gdy najedziemy na niego kursorem myszy
[E][F][K][N][O]
............................... 52
Skrypt 22. Przycisk samoczynnie zmieniający kolor
[E][F][K][N][O]
................... 55
Skrypt 23. Skrypt zmieniający jednocześnie kolor przycisku
i znajdującego się na nim tekstu
[E][F][K][N][O]
.............................................. 57
Skrypt 24. Automatyczne przenoszenie kursora
między elementami formularza
[E][F][K][N][O]
............................................... 59
Skrypt 25. Zablokowanie możliwości wpisywania liter
w formularzu
[E][F][N][O]
................................................................................ 60
Skrypt 26. Pole tekstowe dopasowujące automatycznie wielkość
do liczby wpisanych znaków
[E][F][N][O]
....................................................... 62
Rozdział 3. Okna i czas ...........................................................................65
Skrypt 27. Skrypt otwierający nowe okno
o zadanych przez użytkownika rozmiarach i zawartości
[E][F][K][N][O]
......... 67
Skrypt 28. Informacja o rozdzielczości
ekranu użytkownika
[E][F][K][N][O]
................................................................ 68
Skrypt 29. Skrypt zmieniający kolor paska przewijania
[E]
.............................. 70
Skrypt 30. Skrypt przewijający treść strony
[E][F][K][N][O]
.............................. 72
Skrypt 31. Pływający ekran
[E][F][K]
................................................................ 75
Skrypt 32. Zegar wyświetlający czas w polu tekstowym
[E][F][K][N][O]
.......... 76
Skrypt 33. Skrypt wyświetlający aktualną datę i czas
[E][F][K][N][O]
............... 79
Skrypt 34. Skrypt wyświetlający aktualny czas
na przycisku
[E][F][K][N][O]
............................................................................. 81
Skrypt 35. Skrypt wyświetlający aktualną datę
i czas na pasku stanu
[E][F][K][N][O]
............................................................... 82
Skrypt 36. Skrypt wyświetlający bieżący dzień tygodnia
[E][F][K][N][O]
.......... 83
Skrypt 37. Zegar podający czas w formacie binarnym
[E][F][K][N][O]
.............. 85
Spis treści
5
Rozdział 4. Odnośniki .............................................................................89
Skrypt 38. Automatyczne załadowanie innej strony
[E][F][K][N][O]
.................. 89
Skrypt 39. Automatyczne załadowanie innej strony
bez użycia JavaScriptu
[E][F][K][N][O]
............................................................ 90
Skrypt 40. Realizacja przycisków
będących jednocześnie odnośnikami
[E][F][K][N][O]
....................................... 91
Skrypt 41. Odnośniki na liście rozwijanej
[E][F][K][N][O]
................................. 92
Skrypt 42. Odnośniki na liście rozwijanej
z bezpośrednią zmianą strony
[E][F][K][N][O]
.................................................. 94
Skrypt 43. Odsyłacze z dodatkowymi opisami
[E][F][K][N][O]
.......................... 95
Skrypt 44. Odnośniki na liście rozwijanej otwierane
w nowym oknie przeglądarki
[E][F][K][N][O]
.................................................. 97
Skrypt 45. Odnośniki na liście rozwijanej ze zmianą strony
i wyborem nowego okna
[E][F][K][N][O]
.......................................................... 98
Skrypt 46. Skrypt uniemożliwiający wczytanie strony .........................................
do ramki
[E][F][K][N][O]
................................................................................ 100
Skrypt 47. Skrypt dodający wybrany link
do listy odnośników przeglądarki
[E]
............................................................. 100
Skrypt 48. Skrypt ustawiający wybraną stronę jako startową
[E]
..................... 102
Skrypt 49. Akapit tekstowy udający odnośnik
[E][F][K][N][O]
......................... 103
Skrypt 50. Dodatkowe wyróżnienie odnośnika
[E][F][K][N][O]
........................ 104
Rozdział 5. Pływające napisy 107
Skrypt 51. Napis przesuwający się w poziomie w lewo
[E][F][K][N][O]
........... 107
Skrypt 52. Napis przesuwający się w poziomie w lewo
z uwzględnieniem wielkości okna tekstowego
[E][F][K][N][O]
....................... 109
Skrypt 53. Pływający tekst odbijający się od lewej
i prawej strony
[E][F][K][N][O]
........................................................................ 110
Skrypt 54. Zamiana tekstu przez losowe
wstawianie znaków
[E][F][K][N][O]
................................................................ 112
Skrypt 55. Zamiana tekstów poprzez wymianę znaków
od prawej strony
[E][F][K][N][O]
..................................................................... 114
Skrypt 56. Zamiana tekstów poprzez wymianę znaków
od lewej strony
[E][F][K][N][O]
....................................................................... 116
Skrypt 57. Symulacja pisania na klawiaturze
[E][F][K][N][O]
........................... 117
Skrypt 58. Tekst rozwijany w prawą stronę
i zwijany w lewo
[E][F][K][N][O]
.................................................................... 118
6
101 praktycznych skryptów na stronie WWW
Skrypt 59. Tekst rozwijany w prawą stronę
i zwijany w prawo
[E][F][K][N][O]
.................................................................. 120
Skrypt 60. Pływający tekst na pasku stanu
[E][F][N][O]
.................................... 121
Skrypt 61. Pływająca data na pasku stanu
[E][F][N][O]
..................................... 123
Skrypt 62. Pływająca data i czas na pasku stanu
[E][F][N][O]
........................... 124
Skrypt 63. Data i czas na pasku stanu pływające
w obie strony
[E][F][N][O]
............................................................................... 126
Skrypt 64. Pływający tekst na pasku tytułu
okna przeglądarki
[E][F][K][N][O]
................................................................... 128
Skrypt 65. Zegarek w tytule okna
[E][F][K][N][O]
............................................. 129
Rozdział 6. Banery 131
Skrypt 66. Losowy baner
[E][F][K][N][O]
.......................................................... 131
Skrypt 67. Banery wyświetlane w określonej kolejności
[E][F][K][N][O]
......... 132
Skrypt 68. Banery zmieniające się losowo
[E][F][K][N][O]
............................... 134
Skrypt 69. Banery zmieniające się
w określonej kolejności
[E][F][K][N][O]
.......................................................... 136
Skrypt 70. Baner zależny od pory dnia
[E][F][K][N][O]
..................................... 137
Skrypt 71. Baner zależny od dnia tygodnia
[E][F][K][N][O]
.............................. 138
Skrypt 72. Baner przenoszący na losową stronę
[E][F][K][N][O]
....................... 139
Skrypt 73. Baner zależny od typu przeglądarki
[E][F][K][N][O]
........................ 140
Skrypt 74. Baner zależny od typu systemu operacyjnego
[E][F][K][N][O]
........ 141
Rozdział 7. Autoryzacje użytkowników 143
Skrypt 75. Kod dostępu do strony
[E][F][K][N][O]
............................................ 143
Skrypt 76. Kod dostępu do strony
ze zliczaniem błędnych prób
[E][F][K][N][O]
.................................................. 145
Skrypt 77. Logowanie użytkowników
[E][F][K][N][O]
...................................... 146
Skrypt 78. Logowanie użytkowników
ze zliczaniem błędnych prób
[E][F][K][N][O]
.................................................. 148
Skrypt 79. Automatyczne logowanie użytkowników
[E][F][K][N][O]
............... 150
Skrypt 80. Nazwa strony jako hasło
[E][F][K][N][O]
......................................... 152
Skrypt 81. Zapamiętanie danych użytkownika
[E][F][K][N][O]
......................... 153
Skrypt 82. Zliczanie liczby odwiedzin
[E][F][K][N][O]
..................................... 156
Skrypt 83. Ograniczenie liczby odwiedzin
[E][F][K][N][O]
............................... 158
Zgłoś jeśli naruszono regulamin