Hola foreros:
Dado el mapa de imagen siguiente:
Código:
<table border=0 width=450><tr><td align="center">
<map name="mapa1">
<area data="Amigos" alt="Pulsa para ver mis amigos" shape="CIRCLE" coords="44,36,29" href="#">
<area data="Novia" alt="Pulsa para ver mi novia" shape="CIRCLE" coords="140,35,31" href="#">
<area data="Familia" alt="Pulsa para ver mi Familia" shape="circle" coords="239,37,30" href="#">
<area data="Trabajo" alt="Pulsa para ver mi trabajo" shape="CIRCLE" coords="336,36,31" href="#">
</map>
<img src="images/html/mapa1.gif" width="380" height="72" alt="Mapa de imagenes." border="0" usemap="#mapa1">
<br>
Pulsa en los circulos para acceder a las secciones!
</td></tr>
</table>
<script>
var elementos = document.querySelectorAll('area');
for (var i = 0, s = elementos.length; i < s; i++) {
elementos[i].addEventListener('click', function() {
var dato = this.getAttribute('data');
alert('Monitorizacion de ' + dato);
});
};
</script>
¿Se podría guardar la etiqueta "data" en una variable para recuperara y utilizarla en otra pagina diferente...? ¿Alguien me puede orientar...?
Gracias de antemano.