Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 253
  • Last Modified:

AREA tag properties

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
mshire
Asked:
mshire
  • 7
  • 6
  • 2
1 Solution
 
mshireAuthor Commented:
Is there a way of drawing irrelgular shapes using DHTML?
0
 
ClassyLinksCommented:
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
 
mshireAuthor Commented:
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
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
ClassyLinksCommented:
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
 
mshireAuthor Commented:
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
 
ClassyLinksCommented:
Yes...such are the limitations of the browser world.  You see that I had to go in a different direction too.
0
 
COBOLdinosaurCommented:
Take a day off, and my comments still get used :^))

Cd&
0
 
ClassyLinksCommented:
Naturally Cd&....all your suggestions are worth repeating ;-)
0
 
COBOLdinosaurCommented:
I'll have to put them in a book.  :^P

Cd&
0
 
ClassyLinksCommented:
Or start a new site  ;-)

www.DinosaurHTML.com??
0
 
mshireAuthor Commented:
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
 
mshireAuthor Commented:
So, no other suggestions then?  I can't believe theres no way around this... oh well ClassyLinks is gonna get the points...
0
 
ClassyLinksCommented:
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
 
mshireAuthor Commented:
Maybe Flash'll have the answer...
0
 
ClassyLinksCommented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 7
  • 6
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now