Главная страница Раздел "Точка" Предыдущий пример Следующий пример Список примеров
Пример №5: Задание активной зоны с помощью элемента Точка на растровом изображении

В данном примере показано как на растровом изображении задать активную зону, имеющую индивидуальную текстовую подсказку.

Апплет работает с двумя слоями. Элементом первого слоя является растровое изображение, второй слой также состоит из одного элемента - прямоугольной активной зоны. Порядок слоев существенен.

Задание списка имен слоев и их изображения
<param name=layers_all value="pict area ">
<param name=layers_draw value="#pict #area">

В теге <APPLET> указан относительный URL графического файла codebase = "../", что означает поднятие вверх по файловому каталогу. Относительный URL рекомондуется употреблять во всех случаях использования апплета. Имя файла с растровым изображением задается при описании элемента изображения методом image в позиционном параметре file.
Положение прямоугольника-окна, где задается видимая область изображения, сдвинуто на 27 пикселов вправо и вниз относительно базовой точки, которая находится на левой границе.  Это задается при описании элемента слоя pict_object_0 с помощью позиционных параметров pos_code x y, значения которых соответственно равны 0 27 27. 
Параметры для указания размеров изображения не заданы, поэтому оно показано в натуральный размер. 
При задании атрибутов отображения слоя draw_layer = 0x1000, то есть задан признак управляющий отображением элемента слоя bit12 - показ растрового изображения в прямоугольном элементе.

Задание атрибутов отображения слоя и его элемента:
<param name=pict value="draw_layer=0x1000">
<param name=pict_object_0 value="image image/bbear.gif 0 27 27">

На растровом изображении  задана прямоугольная активная зона, шириной  point_width = 28 и высотой point_height = 15 пикселов, в неактивном состоянии она невидима - параметр draw_layer не задан. 
Признаки, управляющие отображением активного элемента draw_active = 0x144 определяют показ  текстовой подсказки, заливку фона подсказки и границы элемента - bit2, bit6, bit8. Границы активного элемента имеют толщину border_width = 2 пиксела и отображаются белым цветом border_color = #FFFFFF.

При описании прямоугольной области используется метод point x y, где x,y - координаты центра прямоугольника, ширина и высота которого задаются в параметрах слоя с помощью ключевых параметров  point_width и point_height, как уже отмечалось выше. Текст подсказки задается с помощью ключевого параметра promt.

Задание атрибутов отображения слоя и его элемента:
<param name=area value="draw_active=0x144 
                        border_width=2
                        border_color=#FFFFFF
                        point_width=28
                        point_height=15
                        visible=0">
<param name=area_object_0 
       value="point 110 115 promt='текстовая подсказка'">

В правом нижнем окне вы можете
 посмотреть тексты программ

при статическом задании параметров апплета
при динамическом задании параметров апплета из JavaScript