ID изображения карты ID (область)

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

как: нажмите plogone 1 -become выделены

чем: нажмите POLYGONE 2 -becomes выделен (полигон 1 не подсвечивается)

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="jquery.maphilight.js"></script> 
<script> 
$(function() { 
var nr = 0; 
$('.map').maphilight({ strokeColor: 'ff0000', strokeWidth: 5}); 
$(polymap).click(function(e) { 
      var data = $(high1).mouseout().data('maphilight') || {}; 
      data.alwaysOn = !data.alwaysOn; 
      $(high1).data('maphilight', data).trigger('alwaysOn.maphilight'); 
      }); 
    });

</head> 
    <body> 
    <br> 
    <img class="map" src="pb90%20%28150%29.html.png" ismap="ismap" usemap="#mapmap" alt="html imagemap created with QGIS" border="0"> 
    <map id="polymap" name="mapmap"> 
     <area id='high1' shape="poly" href="PDF1.pdf" target="cont" coords="834,366,837,363,840" alt=""> 
     <area id='high2' shape="poly" href="PDF2.pdf" target="cont" coords="940,236,941,236" alt=""> 
     <area id='high3' shape="poly" href="PDF3.pdf" target="cont" coords="831,345,828,348,824" alt=""> 
....

Моя проблема заключается в том, что я не может получить доступ к идентификатору областей. Если вы нажмете на полигоны, загорится только область с «high1». Таким образом, вместо того

$(high1).

я должен был бы своего рода обработчик событий.

Было бы очень здорово если кто-то знает решение :-)

приветствий Иммануил

источник

2013-03-12 user2159063

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

$('area').click(function (e) { 
     var data = $(this).mouseout().data('maphilight') || {}; 
     data.alwaysOn = !data.alwaysOn; 
     $(this).data('maphilight', data).trigger('alwaysOn.maphilight'); 
    });

источник

2013-03-12 02:22:00

круто спасибо :-) – user2159063

ID изображения карты ID (область)

ответ

Смежные вопросы