Disculpen mi ignorancia pero tengo una duda. Estoy trabajando con mapas de imágenes en html y deseo que al pasar el mouse por encima de cada mapa, pueda cambiar un texto que se encuentra fuera de la imagen. Cada mapa con un texto diferente. Gracias
Utilizo el chrome y el explorer.
Adjunto el codigo, donde quisiera que cambie es donde dice "AREAS DE LA EMPRESA", cada vez que pase el mouse por el map, el texto deberia cambiar al nombre del area
<html>
<head>
<title>Areas de la empresa</title>
</head>
<body>
<p >AREAS DE LA EMPRESA</p>
<center>
<img class="map" src="planta.png" usemap="#fab">
<map name="fab">
<area shape="poly" title="AREA 1" coords="762,396,761,379,762,336,765,194,996,194,998,396" href="AREA1.html">
<area shape="poly" title="AREA 2" coords="6,4,498,6,527,35,525,133,502,133,502,137,384,137,384,197,4,197" href="SC2.html">
<area shape="poly" title="AREA 3" coords="3,198,382,199,382,428,5,425" href="AREA3.html">
</map>
</center>
</body>
</html>