Jump to content
  • 0

Хочу Image Map Area:Hover


d0ublezer0
 Share

Question

Можно ли как-то изменить отображение тега AREA для карты изображения при наведении мышки?

<map name="fit_to_fit_angle_map" id="fit_to_fit_angle_map">
<area shape="rect" coords="10,84,35,101" href="#" alt="135" />
<area shape="rect" coords="83,85,112,102" href="#" alt="225" />
<area shape="rect" coords="97,49,120,66" href="#" alt="270" />
</map

Хочу так:

area:hover {
border: 1px solid #CCC;
}

При наведении - никаких изменений.

Более того, даже если сделать

area {
border: 1px solid #CCC;
}

То всё равно нет бордюра.

Предполагаю что CSS к этому элементу не применим.

Поправьте, если ошибаюсь.

Спасибо.

Для чего хочу использовать:

http://new.kaskadnn.ru/includes/reserve_rvd_frame.php

Выберите угол изгиба фитинга отличный от нуля в обоих полях

появится картинка с углами отклонения

вот на ней карта

хочу чтобы подсвечивалось выбранное значение

Очень не хочется отдельное поле выводить для показа выбранного значения - получится два раза одно и то же.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Форма у вас термоядерная! Совершенно не приспособлена для использования людьми, а вот роботам несомненно понравится.

Теперь по теме:

выбрал (после пятиминутного поиска нужного поля) угол фитинга отличный от нуля - ничего не произошло. Может я не туда смотрел? Где я должен увидеть изменения? Вижу только трубу какую-то в верхнем левом углу.

Link to comment
Share on other sites

  • 0
Мне кажется, проще всего сделать отдельную картинку для каждого выбранного угла - не так уж много они весят...

Вдобавок положить картинки в <label for="id">, чтобы по клику чел попадал в нужное поле, будет достаточно, мне кажется.

В обратном порядке - это только на JS.

Edited by Justnewone
Link to comment
Share on other sites

  • 0

Спасибо за советы.

Форма у вас термоядерная! Совершенно не приспособлена для использования людьми, а вот роботам несомненно понравится.

Теперь по теме:

выбрал (после пятиминутного поиска нужного поля) угол фитинга отличный от нуля - ничего не произошло. Может я не туда смотрел? Где я должен увидеть изменения? Вижу только трубу какую-то в верхнем левом углу.

На самом деле форма показывается во фрейме. Если угодно: http://new.kaskadnn.ru - в верхней части нажмите ссылку "развернуть форму заказа"

Касаемо удобства использования - я брал за основу бумажный бланк заказа, который используется у заказчика.

Для того, чтобы появились углы отклонения, нужно выбрать углы загиба отличные от нуля для обоих фитингов (левого и правого)

Не представляю, как форму можно упростить для людей. Поможете мне? Или мне с этим вопросом в другой раздел?

dyadya, Justnewone

тогда форма еще больше расползется в размерах (придется увеличивать фрейм) и к тому же, мне кажется, что будет менее наглядно каждый угол отдельно?

Link to comment
Share on other sites

  • 0
тогда форма еще больше расползется в размерах (придется увеличивать фрейм) и к тому же, мне кажется, что будет менее наглядно каждый угол отдельно?

Я имел ввиду создать для каждого угла картинку с подсвеченным выбранным вариантом и в функции SetFitToFitAngle заменять /helper/img/fit_angle.png на нужную

Link to comment
Share on other sites

  • 0
Я имел ввиду создать для каждого угла картинку с подсвеченным выбранным вариантом и в функции SetFitToFitAngle заменять /helper/img/fit_angle.png на нужную

Теперь понял. Спасибо за вариант.

Думаю, имеет право на жизнь. Попробую.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy