Solved

AREA tag properties

Posted on 2001-09-14
15
242 Views
Last Modified: 2008-03-10
Does setting the style of an AREA tag within an image map supposed to have any affect? I'm trying to set the background color (or border color) of an AREA object onmouseover.

Is there any other way of getting the effect i want? Image with irregular areas that need to highlight when the mouse passes over them (it doesn't matter if the image is obscured behind)...
0
Comment
Question by:mshire
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 6
  • 2
15 Comments
 

Author Comment

by:mshire
ID: 6483147
Is there a way of drawing irrelgular shapes using DHTML?
0
 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6483282
Hi there.

according to:
http://blooberry.com/indexdot/html/tagpages/a/area.htm

You can have a polygon shape to your areas if that is what you are asking in the second part of your q.

You would have to specify the coordinates though...<area href="http://test" shape="polygon" coords="41, 23, 19, 57, 63, 88, 92, 49, 48, 53, 44, 20, 45, 20">

This article will show you how to implement your mouseovers with the image map.

http://builder.cnet.com/webbuilding/pages/Programming/Scripter/030899/
0
 

Author Comment

by:mshire
ID: 6483309
Thanks for the links, the second one is similar to what I'm trying to achieve - however I want to highlight my irregular image map areas when the user passes over them... any ideas?
0
Industry Leaders: 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!

 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6483364
Sorry wrong link...that one was for the text, right?  OOps.

I'm not sure you can do EXACTLY what you are looking for...but here are some more image map links...

Changing a section of an imagemap on mouseover:
http://web-wise-wizard.com/javascript-tutorials/javascript-mouse-over-html-image-map.html


I remember asking a question very similar to this in the css ta....and CobolDinosaur had some good suggestions
http://www.experts-exchange.com/jsp/qManageQuestion.jsp?ta=css&qid=20112978&jsessionid=1492801000489209141

0
 

Author Comment

by:mshire
ID: 6484919
Quite good suggestions - but a fair deal of work. It just seems a shame that I have the coordinates to draw the irrelgular shape, yet I can't fill it in or redraw it on the screen without messing about with lots of images...
0
 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6484969
Yes...such are the limitations of the browser world.  You see that I had to go in a different direction too.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6484977
Take a day off, and my comments still get used :^))

Cd&
0
 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6485049
Naturally Cd&....all your suggestions are worth repeating ;-)
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6485061
I'll have to put them in a book.  :^P

Cd&
0
 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6485102
Or start a new site  ;-)

www.DinosaurHTML.com??
0
 

Author Comment

by:mshire
ID: 6485552
I did think of another way, but it would only work on irrelgular shapes that were not closely connected... If you made your map image with the irregular shapes transparent then when the mouse hovers over one of the shapes you could display a solid colored DIV object behind the image so that it appeared as if the the irregular shaped was being highlighted.

This could work I think, but my images form part of a map and are closely linked...
0
 

Author Comment

by:mshire
ID: 6487761
So, no other suggestions then?  I can't believe theres no way around this... oh well ClassyLinks is gonna get the points...
0
 
LVL 7

Accepted Solution

by:
ClassyLinks earned 100 total points
ID: 6488014
sorry mshire....for the time being we still need to work within the challenges of HTML conventions, cross-browser nightmares and other roadblocks.

8-(
0
 

Author Comment

by:mshire
ID: 6488149
Maybe Flash'll have the answer...
0
 
LVL 7

Expert Comment

by:ClassyLinks
ID: 6488243
Thanks for the A.

You could probably do it in Flash...but then again you run into the problem of users not having the plug-in.  8-(
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

688 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