Сенсорні зображення

Сенсорне зображення — це малюнок, поділений на окремі ділянки (“гарячі” області), кожна з яких є гіперпосиланням на окремий документ або пов¢язана з якою-небудь процедурою. Наприклад, розмістивши курсор у різні точки зображення, ми можемо побачити різні надписи. В якості графічного формату для карткового зображення вибирається формат GIF. Області малюнка, чуттєві до натиснення “миші”, описуються у тезі <MAP>…</MAP>, що має вигляд:

Атрибут NAME визначає ім¢я навігаційної карти (унікальне для даного документа) і використовується для виклику карти за допомогою параметра USEMAP елемента IMG. Значення цих атрибутів повинні співпадати. Тег <MAP> для зручності розміщують на початку документа після тега <BODY>. Блок тега <MAP> має такий вигляд:

<!—Створюємо карту Map1 : -->
<MAP NAME="Map1">
<!—Задаємо області -->
<AREA HREF="...>
<AREA HREF="...>
...
</MAP>
<!—Карта готова -->

За допомогою тега <AREA> описуються чуттєві області зображення. Для цього використовується параметр SHAPE, що визначає форму активної області для карти і може приймати значення:

§ RECT — прямокутник;

§ CIRCLE — коло;

§ POLY – многокутник;

§ DEFAULT — область за замовчуванням (вся повністю).

Усі області, крім DEFAULT, потребують указання координат в атрибуті COORDS. Список координат залежить від вибраної форми, вони визначаються у пікселях і записуються через кому. Верхній лівий кут має координати (0,0).

Для прямокутника вказуються координати лівого верхнього і правого нижнього кутів, наприклад:

Для круга вказуються координати центра і радіус у пікселях, наприклад:

Для многокутника перелічуються пари X- та Y- координат вершин. Для надійності многокутник повинен бути замкненим, тобто перша пара вершин має співпадати з останньою.

В опції HREF=¢¢URL¢¢ зазвичай вказується URL-адреса документа, що адресується даною областю. Якщо чуттєва область визначена, але не пов¢язана ні з одним документом, то замість даної опції вказується значення NOHREF. Для зв¢язування зображення із створеною картою достатньо у тезі <IMG>, за допомогою якого вставляється зображення, вказати опцію USEMAP=¢¢#ім¢я карти¢¢, наприклад:

Приклад 1:

<!—Створюємо карту -->

</MAP>

<!—Застосовуємо її до малюнку -->

Приклад 2:

<!—Створюємо карту із спливаючими заголовками-->

</map>

<!—Застосовуємо її до малюнку -->