Viewing file:  lab4.html (60.99 KB) -rw-r--r--
Select action/file-type:
 (+) | (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
Вивчення мови програмування JavaScript
Мета роботи: вивчення синтаксису та базових алгоритмічних конструкцій мови; знайомство з об’єктною моделлю документа, основними об’єктами та їх властивостями, методами та подіями.
Звіт з лабораторної роботи повинен включати:
-
титульну сторінку
-
завдання на лабораторну роботу
-
тексти реалізованих скриптів
-
скріншоти, які демонструють роботу скриптів
Завдання на лабораторну роботу подані у таблиці.
Група ПІ-41
|
|
Прізвище |
Ім'я |
|
|
1 |
Баглай |
Руслан |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|
2 |
Балашкевич |
Олег |
1. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті.
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху. |
|
3 |
Білоусов |
Сергій |
1. Реалізувати «ротацію графічних зображень (автоматичну зміну зображень через деякий інтервал часу). При цьому зробити плавну анімацію затухання попередньої картинки та плавної появи наступної (за допомогою css-властивості opacity). Передбачити можливість паузи та продовження ротації.
2. Розмістити два випадаючі списки. Перший список повинен містити перелік місяців, а другий – років (2010, 2011, 2012). При виборі місяця або/та року виводити календар на вибраний місяць року. |
|
4 |
Бондарчук |
Роман |
1. Реалізувати сторінку, яка містить абзац тексту і дві таблиці. У кожній таблиці має бути не менше 25 комірок. Кожна комірка повинна мати різний колір фону. При натисканні по будь-якій комірці першої таблиці встановлюється відповідний колір тексту абзацу, а натискання на будь-якій комірці у другій таблиці встановлює колір фону абзацу.
2. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті. |
|
5 |
Вігура |
Тетяна |
1. Написати скрипт, який реалізує «кольорову анімацію тексту». З клавіатури зчитуються початковий та кінцевий колір (у формі #RRGGBB) та швидкість анімації. Після введення значень і натискання на кнопку «Старт» колір літер має почати плавно змінювати від одного до іншого кольору доти, доки користувач не натисне на кнопку «Стоп».
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії синусоїди. Передбачити можливість встановлення швидкості руху, та амплітуди синусоїди, кнопки для зупинки та продовження руху. |
|
6 |
Войтюк |
Олексій |
1. Написати скрипт, який дозволить виводити повідомлення у певні моменти часу. Для цього реалізувати функцію, яка приймає два параметри (текст повідомлення та час (години і хвилини)) і програмує таймер, який відображає вказане повідомлення у вказаний момент часу. Передбачити можливість програмування будь-якої кількості таймерів та їх відміни.
2. Реалізувати сторінку, на якій буде виводитися поточний час (години, хвилини, секунди) з оновленням кожну секунду. Організувати виведення цифр за допомогою gif-файлів. Gif-файли створити власноруч у Photoshop. |
|
7 |
Вольська |
Тетяна |
1. Написати скрипт, який реалізує плавне переміщення div-блоку по сторінці. З клавіатури за допомогою рядків введення зчитується початкова та кінцева координати та швидкість. Після натискання на кнопку «Старт» блок починає рухатися від початкової координати спочатку по горизонталі до x-координати призначення, потім по вертикалі, до y-координати призначення. Досягнувши кінцевої точки, div-блок повинен почати рухатися до початкової точки (аналогічно, спочатку по горизонталі, а потім – по вертикалі, описуючи прямокутну траекторію). І так доти, доки користувач не натисне на кнопку «Завершити».
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|
8 |
Дворук |
Анатолій |
1. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху.
2. Написати функцію, яка реалізує «рухомий рядок» (автоматичний рух тексту cправа наліво). Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено текст «рухомого рядка»; 2). швидкість руху тексту. При наведенні курсору миші на текст, рух має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
|
|
9 |
Єлькін |
Олександр |
1. Реалізувати сторінку, яка містить абзац тексту і форму, у якій розміщено два випадаючих списка. В одному списку необхідно вибрати довільну CSS-властивість (на вибір студента) - таких властивостей повинно бути як мінімум п'ять (наприклад, колір тексту, розмір шрифта і т.п.), а в другому – його значення. При виборі властивості та його значення абзац тексту повинен автоматично прийняти задане форматування.
2. Написати скрипт, який дозволить виводити повідомлення у певні моменти часу. Для цього реалізувати функцію, яка приймає два параметри (текст повідомлення та час (години і хвилини)) і програмує таймер, який відображає вказане повідомлення у вказаний момент часу. Передбачити можливість програмування будь-якої кількості таймерів та їх відміни. |
|
10 |
Ковальчук |
Дмитро |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|
11 |
Котенко |
Роман |
1. Реалізувати сторінку зі скриптом, який динамічно генерує серію div-блоків, колір фону яких плавно змінюється від заданого початкового до заданого кінцевого значення (колір вводиться у формі #RRGGBB). У div-блоці вивести колір (у формі #RRGGBB), який встановлено для фону. Кількість div-блоків, їх висоту, кінцевий та початковий фон повинні зчитуватися за допомогою рядків введення.
2. Реалізувати автоматичну зміну зображень через деякий інтервал часу. При цьому виводити кількість секунд, які залишається до зміни зображення. |
|
12 |
Кравець |
Оксана |
1. Написати функцію, яка реалізує «рухомий рядок» (автоматичний рух тексту cправа наліво). Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено текст «рухомого рядка»; 2). швидкість руху тексту. При наведенні курсору миші на текст, рух має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Написати скрипт, який реалізує «кольорову анімацію тексту». З клавіатури зчитуються початковий та кінцевий колір (у формі #RRGGBB) та швидкість анімації. Після введення значень і натискання на кнопку «Старт» колір літер має почати плавно змінювати від одного до іншого кольору доти, доки користувач не натисне на кнопку «Стоп». |
|
13 |
Макаров |
Володимир |
1. Реалізувати виведення на сторінці написів, які будуть автоматично змінюватися через певний інтервал часу. Організувати збереження написів у масиві рядків (для забезпечення можливості подальшого доповнення програми новими написами).
2. Реалізувати сторінку зі скриптом, який динамічно генерує таблицю, у якій колір фону комірок плавно змінюється від заданого початкового до кінцевого значення (колір вводиться у формі #RRGGBB). У комірці вивести колір (у формі #RRGGBB), який встановлено для фону. Кількість рядків та стовпців таблиці, кінцевий та початковий фон повинні зчитуватися за допомогою рядків введення. |
|
14 |
Нестерчук |
Роман |
|
|
15 |
Присяжнюк |
Сергій |
1. Реалізувати виведення часу перебування користувача на сторінці (години, хвилини, секунди) з оновленням кожну секунду.
2. Реалізувати сторінку, яка містить абзац тексту і дві таблиці. У кожній таблиці має бути не менше 25 комірок. Кожна комірка повинна мати різний колір фону. При натисканні по будь-якій комірці першої таблиці встановлюється відповідний колір тексту абзацу, а натискання на будь-якій комірці у другій таблиці встановлює колір фону абзацу. |
|
16 |
Пузиревич |
Андрій |
1. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті.
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху. |
|
17 |
Распопов |
Олексій |
|
|
18 |
Рекша |
Олег |
1. Реалізувати сторінку зі скриптом, який динамічно генерує таблицю, у якій колір фону комірок плавно змінюється від заданого початкового до кінцевого значення (колір вводиться у формі #RRGGBB). У комірці вивести колір (у формі #RRGGBB), який встановлено для фону. Кількість рядків та стовпців таблиці, кінцевий та початковий фон повинні зчитуватися за допомогою рядків введення.
2. Реалізувати «ротацію графічних зображень (автоматичну зміну зображень через деякий інтервал часу). При цьому зробити плавну анімацію затухання попередньої картинки та плавної появи наступної (за допомогою css-властивості opacity). Передбачити можливість паузи та продовження ротації. |
|
19 |
Савченко |
Іван |
1. Реалізувати сторінку зі скриптом, який динамічно генерує серію div-блоків, колір фону яких плавно змінюється від заданого початкового до заданого кінцевого значення (колір вводиться у формі #RRGGBB). У div-блоці вивести колір (у формі #RRGGBB), який встановлено для фону. Кількість div-блоків, їх висоту, кінцевий та початковий фон повинні зчитуватися за допомогою рядків введення.
2. Реалізувати автоматичну зміну зображень через деякий інтервал часу. При цьому виводити кількість секунд, які залишається до зміни зображення. |
|
20 |
Сиром'ятников |
Анатолій |
1. Розмістити на сторінці 6 div-блоків. Реалізувати можливість їх переміщення по сторінці за допомогою курсору миші (при натисканні лівою клавішею миші на зображенні і перетягуванні div-блок повинен змінювати своє положення).
2. Написати функцію, яка дозволить здійснити динамічну заміну текстових смайликів (виду :), ;), :D і т.п.) у div-блоці на графічні. Функція має приймати на вхід один параметр – ідентифікатор div-блоку, у якому необхідно зробити заміну смайликів. Графічні зображення смайликів знайти в Інтернеті. |
|
21 |
Сірик |
Микола |
1. Реалізувати сторінку, на якій буде виводитися поточний час (години, хвилини, секунди) з оновленням кожну секунду. Організувати виведення цифр за допомогою gif-файлів. Gif-файли створити власноруч у Photoshop.
2. Розмістити на сторінці 6 div-блоків. Реалізувати можливість їх переміщення по сторінці за допомогою курсору миші (при натисканні лівою клавішею миші на зображенні і перетягуванні div-блок повинен змінювати своє положення). |
|
22 |
Струк |
Павло |
1. Реалізувати «ротацію графічних зображень (автоматичну зміну зображень через деякий інтервал часу). При цьому зробити плавну анімацію затухання попередньої картинки та плавної появи наступної (за допомогою css-властивості opacity). Передбачити можливість паузи та продовження ротації.
2. Реалізувати сторінку, на якій буде виводитися поточний час (години, хвилини, секунди) з оновленням кожну секунду. Організувати виведення цифр за допомогою gif-файлів. Gif-файли створити власноруч у Photoshop. |
|
23 |
Суйковська |
Катерина |
1. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті.
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху. |
|
24 |
Хоменко |
Олексій |
1. Написати скрипт, який дозволить виводити повідомлення у певні моменти часу. Для цього реалізувати функцію, яка приймає два параметри (текст повідомлення та час (години і хвилини)) і програмує таймер, який відображає вказане повідомлення у вказаний момент часу. Передбачити можливість програмування будь-якої кількості таймерів та їх відміни.
2. Написати функцію, яка прийматиме на вхід один параметр – ідентифікатор div-блоку. Реалізувати підрахунок статистичної інформації щодо кількості: 1). абзаців; 2). заголовків (h1-h6);; 3). зображень; 4). таблиць; 5). списків. Функція має повертати результати у вигляді асоціативного масиву. Вивести статистичну інформацію на сторінку в окремий div-блок. |
|
25 |
Цимбрович |
Максим |
1. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії синусоїди. Передбачити можливість встановлення швидкості руху, та амплітуди синусоїди, кнопки для зупинки та продовження руху.
2. Розмістити на сторінці 6 div-блоків. Реалізувати можливість їх переміщення по сторінці за допомогою курсору миші (при натисканні лівою клавішею миші на зображенні і перетягуванні div-блок повинен змінювати своє положення). |
|
26 |
Чорний |
Андрій |
1. Розмістити два випадаючі списки. Перший список повинен містити перелік місяців, а другий – років (2010, 2011, 2012). При виборі місяця або/та року виводити календар на вибраний місяць року.
2. Написати функцію, яка дозволить здійснити динамічну заміну текстових смайликів (виду :), ;), :D і т.п.) у div-блоці на графічні. Функція має приймати на вхід один параметр – ідентифікатор div-блоку, у якому необхідно зробити заміну смайликів. Графічні зображення смайликів знайти в Інтернеті. |
|
27 |
Янчевський |
Владислав |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
Група ПІ-42
|
|
Прізвище |
Ім'я |
Завдання |
|
1 |
Аністратов |
Андрій |
1. Реалізувати виведення на сторінці написів, які будуть автоматично змінюватися через певний інтервал часу. Організувати збереження написів у масиві рядків (для забезпечення можливості подальшого доповнення програми новими написами).
2. Розмістити на сторінці 6 div-блоків. Реалізувати можливість їх переміщення по сторінці за допомогою курсору миші (при натисканні лівою клавішею миші на зображенні і перетягуванні div-блок повинен змінювати своє положення). |
|
2 |
Бондарчук |
Богдан |
1. Реалізувати виведення часу перебування користувача на сторінці (години, хвилини, секунди) з оновленням кожну секунду.
2. Реалізувати сторінку зі скриптом, який динамічно генерує таблицю, у якій колір фону комірок плавно змінюється від заданого початкового до кінцевого значення (колір вводиться у формі #RRGGBB). У комірці вивести колір (у формі #RRGGBB), який встановлено для фону. Кількість рядків та стовпців таблиці, кінцевий та початковий фон повинні зчитуватися за допомогою рядків введення. |
|
3 |
Босой |
Павло |
1. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії синусоїди. Передбачити можливість встановлення швидкості руху, та амплітуди синусоїди, кнопки для зупинки та продовження руху.
2. Реалізувати сторінку, яка містить абзац тексту і дві таблиці. У кожній таблиці має бути не менше 25 комірок. Кожна комірка повинна мати різний колір фону. При натисканні по будь-якій комірці першої таблиці встановлюється відповідний колір тексту абзацу, а натискання на будь-якій комірці у другій таблиці встановлює колір фону абзацу. |
|
4 |
Воробйов |
Олександр |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху. |
|
5 |
Гаврилюк |
Вадим |
1. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|
6 |
Годлевська |
Валерія |
1. Реалізувати сторінку зі скриптом, який динамічно генерує серію div-блоків, колір фону яких плавно змінюється від заданого початкового до заданого кінцевого значення (колір вводиться у формі #RRGGBB). У div-блоці вивести колір (у формі #RRGGBB), який встановлено для фону. Кількість div-блоків, їх висоту, кінцевий та початковий фон повинні зчитуватися за допомогою рядків введення.
2. Реалізувати «ротацію графічних зображень (автоматичну зміну зображень через деякий інтервал часу). При цьому зробити плавну анімацію затухання попередньої картинки та плавної появи наступної (за допомогою css-властивості opacity). Передбачити можливість паузи та продовження ротації. |
|
7 |
Грибук |
Ольга |
1. Реалізувати сторінку зі скриптом, який динамічно генерує таблицю, у якій колір фону комірок плавно змінюється від заданого початкового до кінцевого значення (колір вводиться у формі #RRGGBB). У комірці вивести колір (у формі #RRGGBB), який встановлено для фону. Кількість рядків та стовпців таблиці, кінцевий та початковий фон повинні зчитуватися за допомогою рядків введення.
2. Реалізувати автоматичну зміну зображень через деякий інтервал часу. При цьому виводити кількість секунд, які залишається до зміни зображення. |
|
8 |
Давидюк |
Олександр |
1. Розмістити на сторінці 6 div-блоків. Реалізувати можливість їх переміщення по сторінці за допомогою курсору миші (при натисканні лівою клавішею миші на зображенні і перетягуванні div-блок повинен змінювати своє положення).
2. Написати функцію, яка дозволить здійснити динамічну заміну текстових смайликів (виду :), ;), :D і т.п.) у div-блоці на графічні. Функція має приймати на вхід один параметр – ідентифікатор div-блоку, у якому необхідно зробити заміну смайликів. Графічні зображення смайликів знайти в Інтернеті. |
|
9 |
Загоровська |
Вікторія |
1. Реалізувати сторінку, на якій буде виводитися поточний час (години, хвилини, секунди) з оновленням кожну секунду. Організувати виведення цифр за допомогою gif-файлів. Gif-файли створити власноруч у Photoshop.
2. Розмістити на сторінці 6 div-блоків. Реалізувати можливість їх переміщення по сторінці за допомогою курсору миші (при натисканні лівою клавішею миші на зображенні і перетягуванні div-блок повинен змінювати своє положення). |
|
10 |
Зражевець |
Назарій |
1. Реалізувати «ротацію графічних зображень (автоматичну зміну зображень через деякий інтервал часу). При цьому зробити плавну анімацію затухання попередньої картинки та плавної появи наступної (за допомогою css-властивості opacity). Передбачити можливість паузи та продовження ротації.
2. Реалізувати сторінку, на якій буде виводитися поточний час (години, хвилини, секунди) з оновленням кожну секунду. Організувати виведення цифр за допомогою gif-файлів. Gif-файли створити власноруч у Photoshop. |
|
11 |
Кравець |
Віталій |
1. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті.
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху. |
|
12 |
Криворучко |
Андрій |
1. Написати скрипт, який дозволить виводити повідомлення у певні моменти часу. Для цього реалізувати функцію, яка приймає два параметри (текст повідомлення та час (години і хвилини)) і програмує таймер, який відображає вказане повідомлення у вказаний момент часу. Передбачити можливість програмування будь-якої кількості таймерів та їх відміни.
2. Написати функцію, яка прийматиме на вхід один параметр – ідентифікатор div-блоку. Реалізувати підрахунок статистичної інформації щодо кількості: 1). абзаців; 2). заголовків (h1-h6);; 3). зображень; 4). таблиць; 5). списків. Функція має повертати результати у вигляді асоціативного масиву. Вивести статистичну інформацію на сторінку в окремий div-блок. |
|
13 |
Лунін |
Роман |
1. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії синусоїди. Передбачити можливість встановлення швидкості руху, та амплітуди синусоїди, кнопки для зупинки та продовження руху.
2. Розмістити на сторінці 6 div-блоків. Реалізувати можливість їх переміщення по сторінці за допомогою курсору миші (при натисканні лівою клавішею миші на зображенні і перетягуванні div-блок повинен змінювати своє положення). |
|
14 |
Мельниченко |
Галина |
1. Розмістити два випадаючі списки. Перший список повинен містити перелік місяців, а другий – років (2010, 2011, 2012). При виборі місяця або/та року виводити календар на вибраний місяць року.
2. Написати функцію, яка дозволить здійснити динамічну заміну текстових смайликів (виду :), ;), :D і т.п.) у div-блоці на графічні. Функція має приймати на вхід один параметр – ідентифікатор div-блоку, у якому необхідно зробити заміну смайликів. Графічні зображення смайликів знайти в Інтернеті. |
|
15 |
Морозюк |
Микола |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|
16 |
Опрелянська |
Катерина |
1. Написати скрипт, який реалізує «кольорову анімацію тексту». З клавіатури зчитуються початковий та кінцевий колір (у формі #RRGGBB) та швидкість анімації. Після введення значень і натискання на кнопку «Старт» колір літер має почати плавно змінювати від одного до іншого кольору доти, доки користувач не натисне на кнопку «Стоп».
2. Розмістити два випадаючі списки. Перший список повинен містити перелік місяців, а другий – років (2010, 2011, 2012). При виборі місяця або/та року виводити календар на вибраний місяць року. |
|
17 |
Папроцький |
Яків |
1. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті.
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху. |
|
18 |
Попік |
Дмитро |
1. Реалізувати «ротацію графічних зображень (автоматичну зміну зображень через деякий інтервал часу). При цьому зробити плавну анімацію затухання попередньої картинки та плавної появи наступної (за допомогою css-властивості opacity). Передбачити можливість паузи та продовження ротації.
2. Розмістити два випадаючі списки. Перший список повинен містити перелік місяців, а другий – років (2010, 2011, 2012). При виборі місяця або/та року виводити календар на вибраний місяць року. |
|
19 |
Предко |
Степан |
1. Реалізувати сторінку, яка містить абзац тексту і дві таблиці. У кожній таблиці має бути не менше 25 комірок. Кожна комірка повинна мати різний колір фону. При натисканні по будь-якій комірці першої таблиці встановлюється відповідний колір тексту абзацу, а натискання на будь-якій комірці у другій таблиці встановлює колір фону абзацу.
2. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті. |
|
20 |
Савчук |
Юрій |
1. Написати скрипт, який реалізує «кольорову анімацію тексту». З клавіатури зчитуються початковий та кінцевий колір (у формі #RRGGBB) та швидкість анімації. Після введення значень і натискання на кнопку «Старт» колір літер має почати плавно змінювати від одного до іншого кольору доти, доки користувач не натисне на кнопку «Стоп».
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії синусоїди. Передбачити можливість встановлення швидкості руху, та амплітуди синусоїди, кнопки для зупинки та продовження руху. |
|
21 |
Силко |
Олександр |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|
22 |
Стахов |
Дмитро |
1. Написати функцію, яка прийматиме на вхід один параметр - ідентифікатор div-блоку. Реалізувати додавання іконки перед посиланнями, які ведуть на doc, xls та pdf файли. Відповідні іконки знайти в Інтернеті.
2. Написати скрипт, який реалізує плавне переміщення зображення на сторінці по траекторії кола. Передбачити можливість встановлення швидкості руху, та радіусу кола, кнопки для зупинки та продовження руху. |
|
23 |
Тищенко |
Владислав |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|
24 |
Ткаченко |
Юлія |
1. Написати скрипт, який реалізує «кольорову анімацію тексту». З клавіатури зчитуються початковий та кінцевий колір (у формі #RRGGBB) та швидкість анімації. Після введення значень і натискання на кнопку «Старт» колір літер має почати плавно змінювати від одного до іншого кольору доти, доки користувач не натисне на кнопку «Стоп».
2. Розмістити два випадаючі списки. Перший список повинен містити перелік місяців, а другий – років (2010, 2011, 2012). При виборі місяця або/та року виводити календар на вибраний місяць року. |
|
25 |
Хоменко |
Оксана |
1. Реалізувати сторінку, яка містить абзац тексту і дві таблиці. У кожній таблиці має бути не менше 25 комірок. Кожна комірка повинна мати різний колір фону. При натисканні по будь-якій комірці першої таблиці встановлюється відповідний колір тексту абзацу, а натискання на будь-якій комірці у другій таблиці встановлює колір фону абзацу.
2. Реалізувати «ротацію графічних зображень (автоматичну зміну зображень через деякий інтервал часу). При цьому зробити плавну анімацію затухання попередньої картинки та плавної появи наступної (за допомогою css-властивості opacity). Передбачити можливість паузи та продовження ротації. |
|
26 |
Янко |
Кароліна |
|
|
27 |
Ясеницький |
Олег |
1.Написати функцію, яка реалізує «автоматичне прокручування тексту». Функція повинна приймати: 1). ідентифікатор div-блоку, у якому розміщено прокручуваний текст; 2). швидкість руху тексту; 3). напрям руху; 4). затримка поатку руху. При наведенні курсору миші на текст, він має зупинятися і після виведення курсору миші за межі блоку – продовжуватися.
2. Реалізувати «динамічну фотогалерею». Для цього потрібно написати скрипт, який дозволить переглядати фотографії без перевантаження сторінки. Розмістити на сторінці кнопки «вперед», «назад», «на початок», «в кінець» для забезпечення переходу між фотографіями. Організувати збереження назв файлів фотографій у вигляді масиву). |
|