Bản đồ hình ảnh: Nhấp để echo/in văn bản trên màn hình

Question

Có thể nhấp vào một phần của bản đồ hình ảnh và in ra một số văn bản không, có thể là giá trị alt hoặc title của thẻ đó <area> ở đâu đó trên trang?

Tôi có thể làm điều này thông qua jQuery không? Tôi đã nhìn và tôi đang đấu tranh để làm như vậy (rất gỉ với jQuery, và một người mới trên đầu trang của nó). Tôi đã chơi với một chút mã nhưng tất cả tôi quản lý để có được dữ liệu tĩnh ra.

Cảm ơn.

Chỉnh sửa: Đây là một hình ảnh lớn với 30 "khu vực" có kích thước và có kích thước duy nhất có thể nhấp được.

Answer 1

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>