Map boxes show up sometimes...

Posted on 2004-11-17
Last Modified: 2010-04-09

I have an image map which behaves strangely... It's a very simple map with three rectangle that do not intersect. They work fine and react normally to clicks.

The strange thing about them is that sometimes the area shows up as a dotted rectangle when I click on them. Once the dotted rectangle shows up on one of the areas, then all areas on the map will have their rectangles show up when clicking...

The only thing these rectangles do is that they change the background colour of a DIV tag...

Any ideas why these areas show up (and only some of the time)?

-- Bubba
Question by:bganoush
    LVL 33

    Accepted Solution

    Each area can recieve focus seperately -- that is why the dotted square shows up.
    LVL 33

    Expert Comment

    You can try this:

    <AREA ... onfocus="this.blur();">

    but I'm not sure how that might affect the clicks

    Author Comment



    You're using that old calling the javascript blur() method from the onfocus trick!!!  Good call!

    -- Thanks

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Join & Write a Comment

    Both Easy and Powerful How easy is PHP? (  Very easy.  It has been described as "a programming language even my grandmother can use." How powerful is PHP?  http://en.wikiped…
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    728 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

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now