473,403 Members | 2,293 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,403 software developers and data experts.

linking a mouseover and onclick event to an image map

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
Jul 23 '05 #1
2 4054
"WindAndWaves" <ac****@ngaru.com> wrote in message
news:kt*******************@news.xtra.co.nz...
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[i] + " 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
Jul 23 '05 #2

"Rob B" <fe******@hotmail.com> wrote in message
news:1102712650.497a05d0a59ef455bd4589674f76f0a0@t eranews...
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/des...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
Jul 23 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: John | last post by:
Imagine this: I have a gif-image with text, coloured green. When MouseOver occurs the gif will swap to another gif with red colourded text. On MouseOut the gif turns back to the green text. ...
2
by: Tyrone Slothrop | last post by:
I am coding a site which involves uploading images. All of the PHP and display is OK but the client wants to be able to display the image thumbnail on the upload page and show the full image on...
6
by: Selden McCabe | last post by:
I have a form with a bunch of image buttons. When the user moves the mouse over a button, I want to do two things: 1. change the Imagebutton's picture, and 2. make another control visible. I'm...
2
by: Amy | last post by:
<style> div.helpBtn{ font:bold 73% verdana; color:#995F8D; text-align:left; width:79px; height:24px; margin:0px; padding: 5px 0px 0px 27px; background:...
4
by: sameergn | last post by:
Hi, I have an image in my HTML form which has onclick() handler. There is also a submit button and a text box. Whenever text box has focus and user presses enter, the onclick() event of...
1
by: kavithadevan | last post by:
Hi, I am creating websites in my event search form i am have 2 options(which is in radio button)one is countryname and another one is state name with search field(Its in first table).If i run my...
1
by: dave345 | last post by:
This javascript issue is in an app using C# / .Net 2.0 running on XP. First post, please mention if I mess up any conventions of this forum. I’ve got a mouseover event that only works properly...
2
by: markszlazak | last post by:
I'm a relatively slow response of table cells changing their background color with mouseover/our in IE6 (Win 2K) but the response is fine (fast) in Firefox. Why? The code is below. Sorry about the...
2
by: markszlazak | last post by:
Could someone check out the following code and please help me understand the problem and fix it. It seems like some events are not firing when my mouse moves over the table cells to quickly causing...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.