Results 1 to 3 of 3

Thread: div visibility onmouseover - Firefox issue

  1. #1
    Join Date
    Oct 2007
    Posts
    43
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default div visibility onmouseover - Firefox issue

    I have a large image, which is divided into a lot of little maps. I've set a javascript behaviour which makes various div boxes visible on mouseover and hidden on mouseout. And it works perfectly... on everything except Firefox.

    Why? I'm not used to Firefox doing this to me.

    Image:

    Code:
    <img src="images/3d_home.jpg" width="500" height="337" border="0" usemap="#demo3" />
    
    <map name="demo3" id="demo3">
    
     <area shape="poly" coords="319,139,297,162,367,194,383,162" onmouseover='document.getElementById("info1").style.visibility="visible";' onmouseout='document.getElementById("info1").style.visibility="hidden";' />
    
     <area shape="poly" coords="391,163,368,205,451,239,463,193" onmouseover='document.getElementById("info2").style.visibility="visible";' onmouseout='document.getElementById("info2").style.visibility="hidden";' />
    
     <area shape="poly" coords="382,214,356,220,364,237,376,235" onmouseover='document.getElementById("info1").style.visibility="visible";' onmouseout='document.getElementById("info1").style.visibility="hidden";' />
    
     <area shape="poly" coords="240,162,235,184,241,202,249,181" onmouseover='document.getElementById("info4").style.visibility="visible";' onmouseout='document.getElementById("info4").style.visibility="hidden";' />
    
     blah blah blah, more of the same
    
    </map>
    div boxes:

    Code:
    <div id="info1"><p>Information box goes here</p></div>
    <div id="info2"><p>Another information box goes here</p></div>
    
    and so on...
    stylesheet:

    Code:
    #info1 {visibility:hidden;}
    #info2 {visibility:hidden;}
    
    You get the idea.
    I have a specific way I want this to look, and I've tried three different methods, all of which fail in one browser or another. I'm testing in eight different browsers, and I'm just about ready to go on a kill-crazy rampage.

    Please tell me I've gone code-blind and there's a simple fix?

  2. #2
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Works fine at my end. Please provide a link to the page in question.
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  3. #3
    Join Date
    Oct 2007
    Posts
    43
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    I'm afraid I can't, it's still in the design phase, I don't even have a URL for the site yet. But the fact that it works for you suggests there's an issue with my Firefox settings.

    Edit: Yep - a perfect example of why you should always clean off unused code as you stop needing it, even on early test pages. It was an old piece of code way down in the image map gumming up the works.

    Thanks
    Last edited by marynorn; 10-13-2008 at 11:18 AM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •