Mappa immagine: fai clic per eco/stampa testo sullo schermo

Question

È possibile fare clic su una porzione di una mappa immagine e stampare del testo, sia esso il valore alt o title del tag <area> da qualche parte nella pagina?

Posso farlo attraverso jQuery? Ho guardato e sto faticando a farlo (molto arrugginito con jQuery, e un novizio in cima). Ho giocato con un po 'di codice, ma tutto quello che riesco a ottenere sono i dati statici.

Grazie.

Modifica: Questa è una grande immagine con 30 "aree" di dimensioni e dimensioni uniche che sono cliccabili.

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>