За последние 24 часа нас посетили 62750 программистов и 1779 роботов. Сейчас ищут 1364 программиста ...

Как показать границы активных областей <MAP>?

Тема в разделе "HTML и CSS", создана пользователем Кириллов С.Н., 2 янв 2012.

  1. Кириллов С.Н.

    Кириллов С.Н. Активный пользователь

    С нами с:
    3 дек 2011
    Сообщения:
    6
    Симпатии:
    0
    Здравствуйте.

    С изображением на странице связана карта активных областей <map>.
    Можно ли как-то отобразить границы активных областей поверх рисунка?

    Фрагмент кода html:
    Код (Text):
    1. <img usemap="#points" id="image" src="pict.png">
    2. <map name="points">
    3. <area shape="circle" coords="49,60,90" href="peterburg.htm" alt="Санкт-Петербург" title="Санкт-Петербург">
    4. <area shape="circle" coords="48,84,90" href="moscow.htm"    alt="Москва" title="Москва">
    5. <area shape="circle" coords="256,93,90" href="yakutsk.htm"  alt="Якутск" title="Якутск">
    6. </map>
    Может быть есть и другой способ решения такой задачи: есть изображение, на нем несколько точек, при наведении на одну из них нужно чтобы выделялась нужная строка в размещенной на этой же странице таблице. Хотелось чтобы эти точки было как-то видно заранее. Сам рисунок изменять не хотелось бы.

    В общем очень жду советов!
     
  2. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    Кириллов С.Н.
    это возможно с помощью javascript, но как это сделать точно не скажу - нужно разбираться.
    если есть время, то можешь глянуть сюда http://www.iyoiyo.jp/ - на этой странице реализовано именно то, что тебе нужно, firebug тебе в помощь :)
     
  3. Кириллов С.Н.

    Кириллов С.Н. Активный пользователь

    С нами с:
    3 дек 2011
    Сообщения:
    6
    Симпатии:
    0
    Пришел к выводу, что проще всего наложить поверх изображения <div> с границами областей.
    Спасибо.