Лабораторна робота №17

Тема роботи: Створення динамичних об’єктів HTML+JavaScript

1. Збільшення зображення до певної величини, а потім повернення до початкового розміру і повторення процесу.

2. Пересування текту по діагоналі зліва вниз направо, потім повертається до початкової позиції і процес повторюється.

3. Одне фото розташовано на екрані ліворуч, інше праворуч, міняються місцями щосекунди.

4. Текст рухається по колу заданого користувачем радіусу.

5. Текст рухається по контуру квадрата із заданого користувачем довжиною сторони.

6. Пересування зображення по діагоналі зліва вниз направо, потім повертається до початкової позиції і процес повторюється.

7. Зміна кольору тексту із червоного на зелений і обратно з періодом 1 с.

8. Пересування текту по діагоналі зліва вниз направо з певним кроком, потім повертається до початкової позиції із тим же кроком, процес повторюється.

9. Зміна кольорів тексту від червоного до блакитного з періодом в 1 с (цикл виконати 1 раз).

10. Зміна 5 зображень у автоматичному режимі з періодом в 1 с.

11. Два тексти накладені один на одний, по черзі стають видимі (дінамічна зміна тексту).

12. П’ять текстів накладені один на одний, по черзі стають видимі (дінамічна зміна тексту, виконати один цикл змін).

13. Пересування текту по діагоналі справа вниз ліворуч, потім повертається до початкової позиції і процес повторюється.

Лабораторна робота № 18

Тема роботи: Форми (HTML+JavaScript)

Якщо необхідно, можна для ініціалізації дії використовувати кнопку типу button

1. На формі розташовано елемент форми password та кнопка с надписом: „Перевірити пароль”, після натисканні кнопки прочитати пароль, порівняти із введеним заздалегідь, якщо пароль правильний – висвітити на екрані картинку, якщо ні – відповідне повідомлення.

2. На формі розташовано 4 елементи типу checkbox (назви журналів) та кнопка, після натисканні кнопки прочитати назви журналів, які були вибрані користувачем та вивести їх на форму у елемент типу text, якщо не вибрано жодного – відповідне повідомлення.

3. На формі розташовано 4 елементи типу radio (назви журналів) та кнопка, після натисканні кнопки прочитати назву журналу, який був вибраний користувачем та вивести його на форму у елемент типу text, якщо не вибрано жодного – відповідне повідомлення.

4. На формі розташовано елемент форми select (назви журналів та додаткове поле “інший” типу text) та кнопка, після натисканні кнопки прочитати вибраний елемент списку та вивести вибраний елемент на екран, якщо вибрано “інший” – назву поля читати із додаткового поля типу text (імітація ComboBox як у Delphi).

5. На формі розташовано елемент форми textarea, прочитати дані з поля, якщо кількість символів у полі менше 20 - відповідне повідомлення і порада доповнити поле.

6. На формі розташовано елемент форми password та кнопка с надписом: „Перевірити пароль” та текст висотою 50 пікселів, після натисканні кнопки прочитати пароль, порівняти із введеним заздалегідь, якщо пароль правильний – висвітити на екрані картинку, якщо ні – відповідне повідомлення.

7. На формі розташовано елемент форми select та одну кнопку checkbox, якщо вона активізована - вибрати із списку другий елемент та вивести його на екран, якщо не активізована – вивести відповідне повідомлення.

8. Розташувати на формі 3 поля типу text, заповнити їх словами та 3 кнопки типу radio. В залежності від вибору кнопок – вивести відповідні слова на екран.

9. На формі розташувати три кнопки типу checkbox (всі не активізовані) та 3 кнопки типу radio (всі не активізовані). Виконується активізація кнопки radio, після натискання на кнопку button активізується з тим же номером кнопка checkbox.

10. На формі розташовано три кнопки типу checkbox з назвами фруктів напроти та поле типу textarea. Вибрати фрукти, активізуючи кнопки, та розташувати назви вибраних фруктів у поле типу textarea.

11. На формі розташувати список типу select із назвою трьох журналів, вибрати один з них та розташувати його назву у поле типу text.

12. На формі розташувати поле типу textarea, у якому через проміжок ввести з клавіатури свої прізвище, ім’я та по батькові. Прочитати дані та розташувати прізвище, ім’я та по батькові в окремих полях типу text із відповідними поясненнями.

13. На формі розташовано елемент форми password та кнопка типу button с надписом: „Перевірити пароль” та текст висотою 50 пікселів, після натисканні кнопки прочитати пароль, порівняти із введеним заздалегідь, якщо пароль правильний – сховати текст (зробити його невидимим), якщо ні – відповідне повідомлення.

14. На формі розташувати три кнопки типу checkbox, напроти кожної написати свої прізвище, ім’я та по батькові, а також порожнє поле типу text. Прочитати слова напроти активізованих кнопок (не обов’язково всіх) та вивести їх зміст у поле text.

15. На формі розташувати три кнопки типу checkbox, напроти кожної написати назви фруктів, а також поле типу password. Ввести пароль, якщо він правильний, прочитати назви вибраних фруктів та розташувати їх у поле типу textarea, у протилежному випадку – відповідне повідомлення.