Цель работы: усовершенствовать навыки работы с Javascript.

Лабораторная работа №1

Цель работы: усовершенствовать навыки работы с Javascript.

Краткие теоретические сведенья:

1) Диалоговое окно— в графическом пользовательском интерфейсе специальный элемент интерфейса, окно, предназначенное для вывода информации и (или) получения ответа от пользователя. Получил своё название потому, что осуществляет двустороннее взаимодействие компьютер-пользователь («диалог»): сообщая пользователю что-то и ожидая от него ответа.

2) jQuery UI — это библиотека на основе jQuery, реализующая более 20 плагинов, среди которых плагины организующие различное поведение (например перетаскивание или растягивание элементов), восемь видов виджетов (такие как календарь, диалоговые окна, систему вкладок и.т.д) и анимационные эффекты. Кроме этого, UI обладает несколькими темами оформления.

Перед началом выполнения задания нам следует подключить нужные библиотеки (Рис. 1):

· Jquery-ui (!) – для всплывающего окна.

· Jquery

Рис.1

Задание лабораторной работы:

1. Создаем веб-страницу с кнопкой (или ссылкой) с текстом «Открыть» (рис. 2).

Рис. 2

2. Создаем текстовый файл text.txt с произвольным содержанием (рис.3)

Рис. 3

3. Пишем javascript (с использованием jquery), с помощью которого при нажатии на кнопку «Открыть» будет открываться скрытый блок, в который записываются данные из файла text.txt (рис. 4)

Рис. 4

4. Наделяем наш скрытый блок функцией открытия диалового окна с содержанием текста text.txt, при чем сам открытый ранее блок снова будет скрываться на время, пока открыто диалоговое окно (рис. 5).

Рис. 5

Вывод: В ходе выполнения данной лабораторной работы я ознакомилась с назначением библиотеки jQuery UI, функциями диалогового окна и способом вывода его на экран. Я практически смогла применить знания языка Javascript и подключения необходимых библиотек для выполнения задания.

Контрольные вопросы:

1) Какие файлы нужно подключить для работы с библиотекой jquery-ui?

2) Какая функция вызывает диалоговое окно?

3) Какая функция загружает данные из нужного файла?

4) Можно ли разместить html разметку в нашем текстовом файле для дальнейшего его отображения на нашей веб-странице?

5) Мы знаем 2 запроса: post и get. При обращении к файлу, отправляется ли какой-нибудь из них в нашей задаче? Если да, то какой? Каким образом это можно отследить?

Дата добавления: 2015-09-29