linking a mouseover and onclick event to an image map

WindAndWaves

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

Subscribe Reply

4090

McKirahan

"WindAndWav es" <ac****@ngaru.c om> wrote in message
news:kt******** ***********@new s.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("onmouseo ver","onmouseou t","onclick" );
var two = new Array("North Island","South Island");
window.status = one[i] + " of " + two[j];
}
</script>
</head>
<body bgcolor="#00000 0">
<img src="http://www.travelplann er.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

WindAndWaves

"Rob B" <fe******@hotma il.com> wrote in message
news:1102712650 .497a05d0a59ef4 55bd4589674f76f 0a0@teranews...

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

Similar topics

13455

Image: MouseOver - MouseOut - OnClick problem

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. -----------------This is my code: <a href="nextpage.html" onMouseOver="document.green.src='red.gif'" onMouseOut="document.green.src='green.gif'">

HTML / CSS

6774

Image display on mouseOver, but not in IE

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 mouseOver instead of the popup I coded. The section of code below works perfectly in Firefox but not at all in IE (why am I not surprised?). The page is nearly 100% dynamic, so this is extracted from the source of a test page. The code in...

HTML / CSS

14699

How to make control visible/invisible on mouseover.

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 using the Imagebutton.Attributes.Add("onMouseOver","this.src = 'somepicture.jpg') and that works fine. I've tried some java script to change the other control's visible property by changing is className, but that doesn't seem to work

ASP.NET

4026

mouseover change image and text color.

by: Amy | last post by:

Javascript

13564

img onclick and form submisssion

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 image is fired with event.keyCode as undefined. I was expecting that the form would get submitted. I tried returning from onclick() handler if keyCode is null, but the

Javascript

1325

Problem in linking pages

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 page and i click countryname then it shows country table and then if i entered i want to go another page for result so my codings are in one form design is in one form.In submit form i am using one image.I gave link in image button but its not...

PHP

1963

mouseover only works correctly on second mouseover.

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 the second time it fires if the page has been scrolled a lot. The mouseover displays an image in a div that is placed near the mouse cursor. When the rollover occurs near the bottom of the page, the coordinates are altered so that the entire image is...

Javascript

3035

slow response in table cells <TD> to mouseover with IE6 but fine inFirefox.

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 length. <html> <head> <title>Rapid Blocking Interface</title> <style> .calendar {

Javascript

2290

Missing event targets with mouseover/mouseout in Firefox 2.0

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 some table cells to stay yellow when you move out of them instead of going back to blue. (Note that I'm using DIV's inside this table because the lightyellow one will contain an image that will be mousedowned on to start a cell selection mode...

Javascript

9589

What is ONU?

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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

10219

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10049

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

9998

The easy way to turn off automatic updates for Windows 10/11

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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

9865

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

6675

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5310

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

5448

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2815

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General