Сибирский государственный университет
телекоммуникаций и информатики

Лабораторные задания по курсу  "Интернет-технологии"


Лабораторная работа N 8
Формы & Java Script

I часть

1 шаг

 
   [1]   
 
 
   [2]   
Разделить экран на 2 фрейма по горизонтали:
фрейм [1] - высотой 320 пикселей,
фрейм [2] - "все остальное".

2 шаг

 
 
[1.1]
 
 
 
 
[1.2]
 
 
 
 
[1.3]
 
 
Разделить фрейм [1] на 3 фрейма по вертикали:
фрейм [1.1] - шириной 180 пикселей,
фрейм [1.2] - шириной 250 пикселей,
фрейм [1.3] - "все остальное".

3 шаг

 
w1
 
 
w2
 
 
w3
 
 
w4
 
Разделить фрейм [1.1] на 4 фрейма в виде таблицы:
ширина фреймов - 90 пикселей,
высота фреймов - 160 пикселей.
Имена фреймам дайте в виде "w1"-"w4".

В команде <FRAMESET> задайте атрибуты FRAMEBORDER=no, BORDER=0, FRAMESPACING=0, а в команде <FRAME> - MARGINHEIGHT=0, MARGINWIDTH=0, SCROLLING=no.

Сделайте так, чтобы при наведении мышки на каждый фрейм появлялась надпись, содержащая номер этого фрейма (для этого нужно создать htm-файлы, в которых использовать файл r0.gif).

4 шаг

Во фрейме [1.3] соберите мозаику из картинок из лабораторной 4.

Для того, чтобы между картинками не было промежутков, в команде <TABLE> задайте атрибуты BORDER=0, CELLSPACING=0, CELLPADDING=0

Сделайте так, чтобы при наведении мышки на каждый элемент собранной мозаики появлялась надпись, содержащая имя соответствующего файла - рядом с указателем мышки, и такая же надпись в статусной строке браузера. Для этого нужно использовать команду задания гиперссылки следующего вида

<a href="javascript:void(0)" onMouseOver="window.status='текст';return true">

javascript:void(0) - чтобы по гиперссылке ничего не открывалось

"window.status='текст';return true" - тот текст, который будет выведен в статусной строке браузера.

II часть

Автоматизируйте сборку мозаики во фрейме [1.1]. Для этого во фрейме [1.2] создайте форму и сделайте так, чтобы в форме

Здесь в элементе формы <INPUT TYPE="button"> нужно использовать обработчик событий OnClick="window.open(что,куда)">, где что и куда имеют вид:

this.form.name.value

this.form - "эта форма", т.к. она у нас одна

name - имя соответствующего элемента SELECT

value - сюда будет подставлено значение выбранного элемента в SELECT'е при обработке формы обработчиком событий OnClick.

Это должно выглядеть так:

Литература:

Пример использования меню выбора.

Пример скрипта с обработкой значений формы.

JavaScript в HTML документах.