PHP - SOBRE UN MAPA DE IMAGEN...

<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>