<area onclick help

[AnunnakiSpirit]

Hello, I have a bit of a problem trying to work something out. I have an image with a map on it, what i'm trying to achieve is a div appears exactly where someone clicks the map.


<area name="whatever" onClick="javascript:document.all.whatever.class.display='block'">

<div id="whatever" style="display:none;">
<h2>HI</h2>
</div>


I'm using something similar to the above, but nothing happens on the click.

[dingo]

Try this (not tested it myself), it should at least fix your javascript.


<script type="text/javascript">
function area1Clicked () {
var div1 = document.getElementById("div1");
div1.style.display = "block";
}
</script>

<area name="area1" onClick="area1Clicked()">

<div id="div1" style="display:none;">
<h2>HI</h2>
</div>


But I think you should read this http://www.w3schools.com/tags/tag_area.asp
The area tag must always be nested within a map tag and you must also provide an alt attribute. Also, I'm not sure what happens if you don't specify the coords attribute.