Карта изображения: нажмите, чтобы отобразить / напечатать текст на экране - PullRequest
Новая
       18

Карта изображения: нажмите, чтобы отобразить / напечатать текст на экране

6 голосов
/ 11 сентября 2009

Можно ли щелкнуть часть карты изображения и распечатать некоторый текст, будь то значение alt или title этого тега <area> где-нибудь на странице?

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

Спасибо.

Редактировать: Это одно большое изображение с 30 "областях" уникального размера и формы, которые можно нажимать.

1 Ответ

13 голосов
/ 11 сентября 2009

HTML: 

<map name="Map" id="Map">
  <area shape="rect" coords="32,36,222,109" href="#" alt="hi" />
  <area shape="rect" coords="246,45,420,110" href="#" alt="alt" />
  <area shape="rect" coords="456,45,585,111" href="#" />
  <area shape="rect" coords="627,44,768,118" href="#" />
</map>

JQuery: 

<script type="text/javascript">
 $(function(){
  $('map area').click(function(){
   alert($(this).attr('alt'));
  });
 });
</script>
...