Mapa obrazu: Kliknij, aby wyświetlić/wydrukować tekst na ekranie.

Question

Czy można kliknąć część mapy obrazu i wydrukować jakiś tekst, czy to wartość alt lub title wartości tego tagu <area> gdzieś na stronie?

Czy mogę to zrobić poprzez jQuery? Spojrzałem i staram się to zrobić (bardzo zardzewiałe z jQuery i nowicjuszem na nim). Grałem z odrobiną kodu, ale wszystko, co udało mi się uzyskać, to dane statyczne.

Dzięki.

Edytuj: Jest to jeden duży obraz z 30 unikatowymi rozmiarami i kształtami "obszarów", które można kliknąć.

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>