Mapa de imagen

[Carl0701]

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.

[PIRRUMAN]

podrias asignarle el valor a un input que este dentro de un form

Código HTML:

<form action="otrapagina">
<input type="text" id="miinput">
<input type="submit">
</form>
 

Código Javascript:

for (var i = 0, s = elementos.length; i < s; i++) {
        elementos[i].addEventListener('click', function() {
            var dato = this.getAttribute('data');
            alert('Monitorizacion de ' + dato);
 
document.getElementById("miinput").value=dato
        });
    };
 

o podrias hacer un afuncion ajax para guardarlo en una variable de session

o si requieres qu eal dar click se envie a otra pagina auntomaticamente:

Código Javascript:

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);
window.location.href = 'http://www.miotrapagina.com?dato='+dato;
        });
    };
 

[Carl0701]

Gracias PIRRUMAN por tu aporte...
Esta ultima opcion en javascript es la que andaba buscando.