An image map question

Here's my situation: I have four image maps in a certain document.
They're exactly the same, except that different javascript arguments
are passed to a function when they're clicked:

<img name="myimg" src="/images/myimg.jpg" usemap="#mapA" />
<map name="mapA">
<area shape="rect" coords="0,0,20,15" href="javascript:f(0)" />
<!-- ... -->
</map>
<img name="myimg" src="/images/myimg.jpg" usemap="#mapB" />
<map name="mapB">
<area shape="rect" coords="0,0,20,15" href="javascript:f(1)" />
<!-- ... -->
</map>

And so on. My question: Is there a way to use only one image map for
the four images here and still get the appropriate script calls?

--
Christopher Benson-Manica | I *should* know what I'm talking about - if I
ataru(at)cyberspace.org | don't, I need to know. Flames welcome.

Hoi Christopher,

Why not use just the <img>-tag with javascript: onClick like this:
<img name="myImg1" src="/images/myimg.jpg" onClick="f(this)";>

In function f you use

function f(image)
{
var myName=image.name();

}

depending on the content of myName you take appropriate action(s).

Hope this helps,

Raymond Loman
i: http://www.raymondloman.nl
e: raymond (AT) raymondloman (DOT) nl

Christopher Benson-Manica <ataru (AT) nospam (DOT) cyberspace.org> wrote

Here's my situation: I have four image maps in a certain document.
They're exactly the same, except that different javascript arguments
are passed to a function when they're clicked:

img name="myimg" src="/images/myimg.jpg" usemap="#mapA" /
map name="mapA"
area shape="rect" coords="0,0,20,15" href="javascript:f(0)" /
!-- ... --
/map
img name="myimg" src="/images/myimg.jpg" usemap="#mapB" /
map name="mapB"
area shape="rect" coords="0,0,20,15" href="javascript:f(1)" /
!-- ... --
/map

And so on. My question: Is there a way to use only one image map for
the four images here and still get the appropriate script calls?

Raymond Loman <raymond (AT) raymondloman (DOT) nl> spoke thus:

Why not use just the <img>-tag with javascript: onClick like this:
img name="myImg1" src="/images/myimg.jpg" onClick="f(this)";

Well, that'd be fine, except that the image is actually a map, so
using the img.onClick attribute doesn't help me much unless I break
the image map into its component images.

--
Christopher Benson-Manica | I *should* know what I'm talking about - if I
ataru(at)cyberspace.org | don't, I need to know. Flames welcome.

Christopher,

You got me! Probably you can use the ID-attribute within the <area>-tag
to get to know in your function (f) where you came from?


<area id="first" coords="..." href="javascript:f(this(or this.id));">

Good luck. Let me know ... ;-)

Raymond
Christopher Benson-Manica <ataru (AT) nospam (DOT) cyberspace.org> wrote

Raymond Loman <raymond (AT) raymondloman (DOT) nl> spoke thus:

Why not use just the <img>-tag with javascript: onClick like this:
img name="myImg1" src="/images/myimg.jpg" onClick="f(this)";

Well, that'd be fine, except that the image is actually a map, so
using the img.onClick attribute doesn't help me much unless I break
the image map into its component images.