А. П. Никольский - JavaScript на примерах Практика, практика и только практика

событий"".""".""""""""""""""""""".194
12.2.1 О. Объект event "."""."".""."""."" """. """"""."".""". 195

ГЛАВА

13. ЭФФЕКТНАЯ ЛЕНДИНГ-СТРАНИЦА ......... 197

13. 1.

НЕОБХОДИМЫЕ СЦЕНАРИИ ......................... ......................... .

13.2.

НТМL-КОД

198

......................... ......................... ........................ 199

13.3. СЦЕНАРИЙ ПРОКРУТКИ ......................... ......................... ....... 201
ГЛАВА

14.

ВВЕДЕНИЕ В

AJAX ................... ............ 205
JAVASCRIPT ......................... .......... 206

14. 1.

РАЗЛИЧНЫЕ БИБЛИОТЕКИ

14.2.

ВВЕДЕНИЕ В

14.3.

СОЗДАНИЕАJАХ-ПРИЛОЖЕНИЯ

AJAX

ИЛИ ПЕРЕЗАГРУЗКА СТРАНИЦЫ НА ЛЕТУ

....... 207

......................... .................... 208

JavaScript

на примерах

ГЛАВА 15. ДОБАВЛЯЕМ JQUERY UI НА САЙТ • •. • •. . . . . . 214
15.1.

ЗАГРУЗКАJQUЕRУ

15.2.

ВЫБОР ДАТЫ

UI •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 215

•••••••••••••••••••••••••••••••••••••.•••••••••• " •••••••••••••••• " •• 216

15.3. ДИАЛОГОВОЕ ОКНО •••••••••••••••••••••••••••••••••• " ••••••••••••••••••••••••• 218
15.4.

РАСКРЫВАЮЩИЕСЯ СЕКЦИИ

15.5.

ИНДИКАТОР ПРОЦЕССА

15.6.

вклддки

15.7.

кнопки

ГЛАВА
16. 1.

16.

•••••••••••••••••••••••••••••••••••••••••••••••• 220

•••••••••••••••••••••••••••••••••••••••••••••.•••••••••• 223

........................................................................... 226

....... "."."." ......... " .. " .. " ..... " .............. " ........ " ..... "
НАВОРАЧИВАЕМ ИЗОБРАЖЕНИЯ

ИЗМЕНЕНИЕ ИЗОБРАЖЕНИЯ ПО СОБЫТИЮ МЫШИ

228

••••••••... 231

••••••••••••••••••• 232

16.2. СЛАЙДЕР В ВИДЕ ФОТОПЛЕНКИ •••••••••• " •••••••••••••• "." •••• " •••••• " 233
16.3. ЗАГРУЗКА ИЗОБРАЖЕНИЯ

В

DIV ••••• "." ••• " ••• " •• "" •••••• " •• " ••••••• 239

16.4. КАРУСЕЛЬ ФОТОГРАФИЙ ••••••••••••••••• " •••••••••••••• " •••••••••••• "." •• 241
16.5.

16.6.

ЗАТЕНЕНИЕ КАРТИНКИ ПРИ НАВЕДЕНИИ С ПОМОЩЬЮ
ФИЛЬТРА ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
ГАЛЕРЕЯ

246

FANCY ВОХ •••••••••••••••• " ••••••••••••••••••••••••••••••••••••••••••• 247

16.6.1. Самая простая галерея""""""""""""""""""""""""""". 247
16.6.2. Просмотр предыдущей и следующей фотографии.
Изменение внешнего вида окна галереи """ """"""""""""""""" 250
ГЛАВА

17.

ВСЯКИЕ ПОЛЕЗНОСТИ

.........•..•......•••••• 255

17. 1. СЧЕТЧИК ПОСЕЩЕНИЙ С ПОМОЩЬЮ COOKIES ••••••••.•••••••••••••••• 256
17.2. ЗАПРЕЩАЕМ

БРАУЗЕРУВЫДЕЛЯТЬТЕКСТ ••••••••• "

17.3. ДОБАВЛЯЕМ

ИНФОРМАЦИЮ ОБ АВТОРСКИХ ПРАВАХ ••••••••••••••••

•• " ••••• " •••••• ". 261
262

17.4. ЗАПРЕТ ПРОСМОТРА НТМL-КОДА •••••••••••••••••••.•••••••••.••••••••••••• 262

....

'

17.5. ОТЛОЖЕННАЯ ЗАГРУЗКА ФАЙЛА •••••••••••••••••••••••••••••••••••••••••••• 263

-.. -·- -·- ... -.. -...... -.... --- -..... -.. -- . -.. -. -... -- .. -- ---. ----.. ---... --· ...

Содержание

17 .6.

ВСПЛЫВАЮЩИЕ ОКНА

ЗАКЛЮЧЕНИЕ

•

••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 264

••••.•.........•...••.••.........•...•.•.•......•.. 266

···-- ... " ............ ··--······· ................... -· -- ........ -..... "

. . ....

JavaScript

на примерах

Введение
Давно уже прошло время статических веб-страниц. Ведь на дворе век авто­
матизации и любые, даже самые простые, действия принято автоматизиро­

вать. В случае с веб-страницами автоматизация достигается или на сторо­
не сервера или на стороне клиента. Также возможна автоматизация, как на
стороне сервера, так и на стороне клиента.

Давайте разберемся, что к чему. Представим, у нас есть некоторая база дан­
ных, скажем список товаров интернет-магазина, и нам нужно ее вывести на

нашем сайте. Теоретически, список товаров можно оформить в виде ста­

тической НТМL-страницы. Но обновлять --">