Раздел 5. Создание сценариев

5.1. Создайте текстовое меню, по щелчку на элементе которого загружается определенная Web-страница.

5.2. Создайте приложение, содержащее список картинок. По щелчку на названии картинки она отображается в отдельном окне.

5.3. Создайте приложение, содержащее список картинок. По щелчку на названии картинки она отображается в этом же самом окне (список остается на месте).

5.4. Создайте приложение, содержащее слова «Один», «Два», «Три». При наведении мыши на любое из слов, оно увеличивается в размерах, отображаясь на том же самом месте.

5.5. Создайте приложение, отображающее текст в рамке, и содержащее 2 кнопки «Начать» и «Остановить». При щелчке по первой кнопке цвет рамки меняется произвольным образом (переливается всеми цветами радуги). При щелчке по второй кнопке этот процесс прекращается.

5.6. Создать функцию, отображающую объемный текст, используя таблицу стилей. Идея создания такого текста проста: достаточно взять несколько записей (как минимум, две) с одинаковым содержанием и наложить друг на друга с некоторым сдвигом.

5.7. Реализовать линейное движение. Оно реализуется 2-мя функциями. Первая функция осуществляет подготовку исходных данных и вызывает метод setInterval(), где в качестве второго параметра указывается вторая функция, реализующая движение. В ней изменяются значения top и left стиля перемещаемого элемента.

5.8. Реализовать скрипт, позволяющий перетаскивать мышью изображение. Пользователь пытается мышью перетащить изображение; затем он отпускает кнопку мыши и перемещает указатель в нужное место (при этом он может удерживать или не удерживать кнопку мыши в нажатом положении); остановившись в нужном месте, пользователь отпускает кнопку мыши или щелкает ею, чтобы прекратить перемещение изображения.

5.9. Реализовать скрипт, позволяющий записать заданное число словами.

5.10. Реализовать поиск в текстовой области. Внешне он выглядит поле ввода поискового образа и кнопки, щелчок по которой запускает процедуру поиска. В простейшем варианте эта процедура прокручивает текст в окне так, чтобы найденный поисковый образ оказался видимым и выделенным. Если поиск оказался неудачным, то положение текста в окне остается неизменным и, возможно, появляется соответствующее сообщение. Указание. Для решения задачи можно воспользоваться объектом TextRange.

РАСПРЕДЕЛЕНИЕ ЗАДАЧ ПО ВАРИАНТАМ

Вариант 1: 1.1, 1.22, 2.1, 2.10, 3.2, 3.3, 3.4, 4.1, 5.1, 5.6.

Вариант 2: 1.2, 1.23, 2.2, 2.11, 3.1, 3.5, 3.6, 4.2, 5.2, 5.7.

Вариант 3: 1.5, 1.21, 2.3, 2.14, 3.7, 3.8, 3.9, 4.4, 5.3, 5.9.

Вариант 4: 1.12, 1.20, 2.4, 2.15, 3.10, 3.13, 3.16, 4.5, 5.4, 5.8.

Вариант 5: 1.11, 1.19, 2.5, 2.16, 3.11, 3.14, 3.17, 4.6, 5.5, 5.10.

Вариант 6: 1.10, 1.18, 2.6, 2.17, 3.12, 3.15, 3.18, 4.7, 5.1, 5.6.

Вариант 7: 1.9, 1.17, 2.7, 2.22, 3.19, 3.21, 3.23, 4.3, 5.2, 5.7.

Вариант 8: 1.8, 1.16, 2.8, 2.23, 3.20, 3.22, 3.25, 4.10, 5.3, 5.9.

Вариант 9: 1.7, 1.24, 2.9, 2.24, 3.24, 3.26, 3.27, 4.11, 5.4, 5.8.

Вариант 10: 1.6, 1.25, 2.12, 2.25, 3.28, 3.30, 3.32, 4.12, 5.5, 5.10.

Вариант 11: 1.13, 1.26, 2.13, 2.26, 3.29, 3.33, 3.34, 4.13, 5.1, 5.6.

Вариант 12: 1.4, 1.27, 2.18, 2.27, 3.31 3.35, 3.37, 4.14, 5.2, 5.7.

Вариант 13: 1.3, 1.28, 2.19, 2.28, 3.44, 3.39, 3.40, 4.15, 5.3, 5.9.

Вариант 14: 1.14, 1.29, 2.20, 2.29, 3.38, 3.42, 3.43, 4.9, 5.4, 5.8.

Вариант 15: 1.15, 1.30, 2.21, 2.30, 3.41, 3.36, 3.45, 4.8, 5.5, 5.10.