Solved

imagemap

Posted on 2003-10-26
5
271 Views
Last Modified: 2010-04-09
I feel kind of silly asking this, and I know Netscape has different imagemapping than internet explorer but I have tried what I think is everything and can't fix my imagemap can you help?  There is javascript used in the image map and I think that might be the problem, but I'm not sure...

here's my image:

<img src="images/nav.gif" width="272" height="184" alt="" border="0" usemap="#navi">



here's my image map:

<map name="navi">
<area alt="browse" coords="111,79,175,99" href="store.cgi" shape="RECT">
<area alt="my cart" coords="113,120,180,103" href="#" onClick="window.open('https://www.paypal.com/cart/display=1&business=mail@somewhere.com','paypal','width=400,height=350,scrollbars,location=no,resizable,status');">
<area alt="about" coords="118,137,173,121" href="javascript:onClick=new_window()">
<area alt="contact" coords="117,154,182,140" href="contact.php">
</map>

0
Comment
Question by:dsyn
  • 2
5 Comments
 

Expert Comment

by:wwwgts
ID: 9625949
<area alt="my cart" coords="113,120,180,103" href="#" onClick="window.open('https://www.paypal.com/cart/display=1&business=mail@somewhere.com','paypal','width=400,height=350,scrollbars,location=no,resizable,status');">

does that work? if not then try

<area alt="my cart" coords="113,120,180,103" href="javascript:window.open('https://www.paypal.com/cart/display=1&business=mail@somewhere.com','paypal','width=400,height=350,scrollbars,location=no,resizable,status');">

<area alt="about" coords="118,137,173,121" href="javascript:onClick=new_window()">

i think that should be

<area alt="about" coords="118,137,173,121" href="javascript:new_window();">

and do u have new_window() javascript somewhere in ur html code?
0
 
LVL 1

Author Comment

by:dsyn
ID: 9626622
Thanks for catching those semi-colon and the javascript:window.open... thingies but it didn't work....
So far the only area that is clickable in netscape is <area alt="browse" coords="111,79,175,99" href="store.cgi" shape="RECT"> ... I'm using netscape 7 if that halps.  

I hate netscape. I wish they would be more like IE without the security holes.
0
 
LVL 1

Accepted Solution

by:
dsyn earned 0 total points
ID: 9636730
The answer to my question is that the mapped areas were to close together.
I just had to make my clickable ares smaller which made them further apart from each other.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Obsolete font tag need to convert to CSS 3 36
Html split(text) 2 32
Table doesn't show the lines! 3 24
HTML or/and CSS codes to construct numbered paragraphs. 5 21
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question