linking a mouseover and onclick event to an image map

WindAndWaves · Dec 10, 2004

Hi Folk

I have an image map (map of New Zealand with various areas defined using an
image map). Now I am wondering if it is possible to link this "image map"
to an onclick and onmouseover event.

Any ideas?

- TIA

Nicolaas

McKirahan · Dec 10, 2004

WindAndWaves said:
Hi Folk

I have an image map (map of New Zealand with various areas defined using an
image map). Now I am wondering if it is possible to link this "image map"
to an onclick and onmouseover event.

Any ideas?

- TIA

Nicolaas

Try this; watch for word-wrap.

<html>
<head>
<title>NZ.htm</title>
<script type="text/javascript">
function nz(i,j) {
var one = new Array("onmouseover","onmouseout","onclick");
var two = new Array("North Island","South Island");
window.status = one + " of " + two[j];
}
</script>
</head>
<body bgcolor="#000000">
<img src="http://www.travelplanner.co.nz/driving/images/nz2.gif" border="0"
alt="" usemap="#NZ">
<map name="NZ">
<area shape="circle" coords="318,83,83" onmouseover="nz(0,0)"
onmouseout="nz(1,0)" onclick="nz(2,0)">
<area shape="circle" coords="252,247,92" onmouseover="nz(0,1)"
onmouseout="nz(1,1)" onclick="nz(2,1)">
</map>
</body>
</html>

Credit for source of NZ map:

New Zealand travel map & driving distance calculator
http://discovernz.co.nz/driving/smlcalc.html
http://www.travelplanner.co.nz/driving/smlcalc.html
http://www.travelplanner.co.nz/driving/images/nz2.gif

WindAndWaves · Dec 10, 2004

Considered Flash? If you have the budget, the time & inclination to
learn it - or some very generous kiwi buds - these sorts of
applications are non-trivial uses of the technology. Sample:

http://www.newzealand.com/travel/destinations/new-zealand-map/interactiv
e_map_home.cfm

Yes, that map is AMAZING, probably slightly outside of my budget / time /
expertise unfortunately. My guestimate would be that it would costs at
least U$1000 to put together something like this. Would this be right?

Thank you for your response

- Nicolaas

How Do I Set text on an Image and use the image as a border?	7	Mar 16, 2023
Image issues	0	Apr 2, 2023
How can I hide a div using an event listener on multiple checkboxes?	6	Dec 23, 2022
Im having trouble containing a title an image and a button	2	Oct 26, 2022
How to trap onclick event handler amidst onmouseleave, onmouseover, and onmouseout	0	Oct 31, 2007
The distinction between a java applet and an application	1	Jan 4, 2023
mouseover change div and image	4	Jul 26, 2006
capture onclick event below an image	10	Sep 20, 2009

linking a mouseover and onclick event to an image map

WindAndWaves

McKirahan

WindAndWaves

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads