Click here to get back home

How to get MAP to work with mouseover

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
How to get MAP to work with mouseover Robert Baer 04-10-2006
Posted by Robert Baer on April 10, 2006, 10:59 pm
Please log in for more thread options


The following passes the test as valid, and the mouseover for the six
indicated areas also work.
I need various areas to link to another page, including the six
mentioned.
However either the MAP works by itself, or the below mouseover works,
but not both.
Would someone be kind as to lend some help?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Stripper wells and production</title>
<style type="text/css">
#centerImage {text-align: center;}
</style>
</head>

<body>
<div>
<img src="Usa52.gif" alt="USA map" usemap="#USMap"
style="position: top: 2px; left: 4px; height: 431px; width: 760px;
border-style:none" />
</div>

<div style="position: absolute; top: 64px; left: 264px; "
<img style = "" ALT=""
src='USblk.gif' onmouseover="this.src='USred.gif';"
onmouseout="this.src='USblk.gif';" >
</div>
<div style="position: absolute; top: 175px; left: 623px; "
<img style = "" ALT=""
src='Ired.gif' onmouseover="this.src='Iblk.gif';"
onmouseout="this.src='Ired.gif';" >
</div>
<div style="position: absolute; top: 150px; left: 444px; "
<img style = "" ALT=""
src='IIred.gif' onmouseover="this.src='IIblk.gif';"
onmouseout="this.src='IIred.gif';" >
</div>
<div style="position: absolute; top: 334px; left: 372px; "
<img style = "" ALT=""
src='IIIred.gif' onmouseover="this.src='IIIblk.gif';"
onmouseout="this.src='IIIred.gif';" >
</div>
<div style="position: absolute; top: 140px; left: 299px; "
<img style = "" ALT=""
src='IVred.gif' onmouseover="this.src='IVblk.gif';"
onmouseout="this.src='IVred.gif';" >
</div>
<div style="position: absolute; top: 166px; left: 179px; "
<img style = "" ALT=""
src='Vred.gif' onmouseover="this.src='Vblk.gif';"
onmouseout="this.src='Vred.gif';" >
</div>

<div>
<map id="Usa52" name="Usa52">
<area shape="rect" alt="US" coords="264,64,288,79"
href="gUS.htm" title="US" >
<area shape="poly" alt="CA" coords="157,164,151,168,151,173,148,182,148,189,
153,213,159,216,156,222,157,225,159,228,162,229,162,235,161,239,166,254,169,
254,167,262,171,269,177,270,177,272,181,276,184,276,184,278,185,280,191,280,
196,295,219,297,225,281,224,265,184,209,189,171"
href="gCA.htm" title="CA" >
<area shape="default" nohref="nohref" alt="" >
</map>
</div>
</body>
</html>

Posted by Jukka K. Korpela on April 11, 2006, 2:28 am
Please log in for more thread options



> However either the MAP works by itself, or the below mouseover works,
> but not both.

Please specify what you mean by "works" and its opposite, and please provide
URLs for the two versions you have created. There's little point in
everyone's trying to reconstruct the problem when you could simply have
posted the URLs.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html


Posted by Robert Baer on April 11, 2006, 6:09 pm
Please log in for more thread options


Jukka K. Korpela wrote:

>
>
>> However either the MAP works by itself, or the below mouseover works,
>>but not both.
>
>
> Please specify what you mean by "works" and its opposite, and please provide
> URLs for the two versions you have created. There's little point in
> everyone's trying to reconstruct the problem when you could simply have
> posted the URLs.
>
Err...i presented the code and stated that the MAP prevents the
mouseover section above it from working.
URL?
Pray tell me where i should post such a theoretical webpage, when the
code was given.

Posted by Jukka K. Korpela on April 11, 2006, 6:18 pm
Please log in for more thread options



> Err...i presented the code and stated that the MAP prevents the
> mouseover section above it from working.

You didn't say what really happens.

And you presented a code snippet, not a URL.

> URL?

Indeed.

> Pray tell me where i should post such a theoretical webpage, when the
> code was given.

On the World Wide Web. If you are asking for a free help, the least you
should do is your homework, including setting up a demo page so that others
won't have to construct a real case for you.

If you don't know how to create web pages, consider consulting a primer.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html


Posted by Robert Baer on April 11, 2006, 10:38 pm
Please log in for more thread options


Jukka K. Korpela wrote:

>
>
>> Err...i presented the code and stated that the MAP prevents the
>>mouseover section above it from working.
>
>
> You didn't say what really happens.
>
> And you presented a code snippet, not a URL.
>
>
>> URL?
>
>
> Indeed.
>
>
>> Pray tell me where i should post such a theoretical webpage, when the
>>code was given.
>
>
> On the World Wide Web. If you are asking for a free help, the least you
> should do is your homework, including setting up a demo page so that others
> won't have to construct a real case for you.
>
> If you don't know how to create web pages, consider consulting a primer.
>
Let me get this straight.
I presented a complete HTML document, and you claim it is a "snippet".
Then you want me to find somewhere on the WWW that does not exist at
this moment, to place that code.
Pray tell, what good will that do?

Similar ThreadsPosted
embedding + mouseover September 24, 2004, 12:45 am
Problem with CSS Mouseover September 24, 2006, 9:39 am
mouseover/hover Link September 22, 2006, 3:05 am
HTML image map mouseover help October 7, 2006, 1:11 pm
Simple table row highlighting - on mouseover October 13, 2004, 10:02 am
Is it possible to mouseover a GRAPHIC . . . that launches another (freestanding) GRAPHIC (ie. when flash is _not_ available)? December 8, 2006, 1:03 pm
Would UBB thread work for this? March 9, 2006, 2:13 pm
CSS positioning: why does this work? May 15, 2006, 2:12 pm
favicon doesn't work in IE6 October 8, 2006, 11:48 pm
This work on your browser? January 8, 2007, 1:27 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap