Диаграмма в анкете преподавателя

Необходимо написать сценарий обработки анкеты преподавателя. В анкете заданы поля и требуется вычислить те значения, которые определены в предыдущем примере. Кроме того, для дополнительной нагрузки необходимо построить диаграмму, которая изображена на рис. 3.9. При наведении курсора мыши на соответствующее поле выводится вычисленное значение.

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

 

Рис. 3.9. Диаграмма дополнительной нагрузки

 

Изменение таблицы при разных значениях ее параметров

Напишем сценарий, который позволяет продемонстрировать, как будет меняться таблица и ее ячейки при изменении значений параметров: border, cellspacing, cellpadding.

Напомним, что параметр border управляет видом рамки вокруг каждой ячейки, отображает линию сетки таблицы и вокруг всей таблицы. По умолчанию рамки не рисуются. Численное значение параметра определяет толщину рамок в пикселах, рисуемую вокруг всей таблицы. На толщину рамок вокруг каждой ячейки это значение не влияет. Параметр cellspacing используется в виде ceiispacing=n, где п— численное значение параметра, определяющее расстояние между рамками двух смежных ячеек, как по горизонтали, так и по вертикали. Значение задается в пикселах и по умолчанию принимается равным двум. При значении cellspacing=o рамки смежных ячеек сольются, создадут впечатление единой сетки таблицы. Параметр cellpadding применяется в виде celipadding=n, где п — численное значение параметра в пикселах, которое может быть опущено. Величина п указывает на размер отступа между рамкой ячейки и данными внутри ячейки. По умолчанию значение равно 1. Все три параметра действуют независимо друг от друга; если какой-либо параметр опущен, то его значение берется по умолчанию.

Пусть таблица состоит из четырех ячеек, в каждой из которых хранится изображение, как на рис. 3.10.

Для того чтобы воздействие параметров было наглядным, специально выбран разный фон для документа, таблицы и ячеек таблицы. Можно вводить значения для указанных параметров, изображение таблицы в документе будет изменено в соответствии с параметрами. В сценарии требуется изменить значения свойств таблицы.

Используем еще один способ доступа к элементам форм. При задании тегов можно применять параметр id. В теге <TABLE> задан параметр id="itab". Модификация размера рамки таблицы произойдет при изменении свойства document.all("itab") .border. Изменение других свойств таблицы произойдет лишь в случае, когда в соответствующих полях расположены числовые данные. Сценарий приведен в листинге 3.6.