Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Out of My league -- help with JS bug in firefox

    I am working on a small business website where I decided to try to push the visual style, but it requires some basic interactive elements. I though I understood constructing basic javascript relationships through dreamweaver and linking to external script pages, but I seem to be running into a bug.

    my testsite is up here:
    http://nbsdisplays.com/testsite/index.html

    The navigation functions seem to be running well in Opera, IE and safari, but in firefox the sub navigation button for "company" under "about" should redirect to the company's main page...It doesn't do this in firefox and the rollover function doesn't work either.

    Also the thumbnail viewer works fine in all browsers except for firefox. In firefox the last thumbnail will not show up when rolled over. The code is identical for all images except for the files they are linked to, So i don't understand why some would work and some wouldn't, and again only in Firefox.

    Any help in this area would be fantastic and much appreciated. I still have a lot to learn...

    Pat

  • #2
    Regular Coder
    Join Date
    Nov 2007
    Location
    127.0.0.1
    Posts
    348
    Thanks
    26
    Thanked 40 Times in 39 Posts
    hi, making the footer absolute solves the first issue
    #footer {
    /*position:relative;
    padding-top: 650px;
    padding-bottom: 30px;
    width: 200px;
    float:right;*/

    position:absolute;
    bottom: 10px;
    right:0;
    border: 1px solid;
    }

  • Users who have thanked tagnu for this post:

    bainesmcg (03-29-2008)

  • #3
    Senior Coder tomws's Avatar
    Join Date
    Nov 2007
    Location
    Arkansas
    Posts
    2,644
    Thanks
    29
    Thanked 330 Times in 326 Posts
    Here's the tr cvode for 'about':
    Code:
          	  <tr>
          	    <td><img src="images/subbuttons/spacer.png" width="44" height="26" /></td>
          	    <td><a href="javascript:;" target="_top"><img src="images/subbuttons/overview_de.png" alt="Overview" name="Overview" width="100" height="35" border="0" id="Overview" onclick="MM_showHideLayers('overview','','show','design','','hide')" onmouseover="MM_nbGroup('over','Overview','images/subbuttons/overview_sel.png','',1)" onmouseout="MM_nbGroup('out')" onload="" /></a></td>
    
          	    <td><a href="javascript:;" target="_top"><img src="images/subbuttons/design_de.png" alt="Design" name="Design" width="100" height="35" border="0" id="Design" onclick="MM_showHideLayers('overview','','hide','design','','show')" onmouseover="MM_nbGroup('over','Design','images/subbuttons/design_sel.png','images/subbuttons/design_sel.png',1)" onmouseout="MM_nbGroup('out')" onload="" /></a></td>
          	    <td><img src="images/subbuttons/comany_de.png" alt="Company" name="Company" width="100" height="35" border="0" id="Company" onclick="MM_goToURL('parent','http://www.nbsdisplays.com');return document.MM_returnValue" onmouseover="MM_nbGroup('over','Company','images/subbuttons/company_sel.png','images/subbuttons/company_sel.png',1)" onmouseout="MM_nbGroup('out')" onload="" /></td>
              </tr>
    One of these things is not like the others; one of these things just isn't the same. *begs pardon from Sesame Street*

    The last td is missing the a href="blah" that the others have.


    Don't have an answer for the second question, yet. However, Safari 3.1 does not "reset" the images after the first mouseover here, like it does in IE 7.

    *EDIT* Maybe you were working on the thumbnails earlier because now Safari is showing them again, but it is suffering from the same problem as FF.
    Last edited by tomws; 03-28-2008 at 09:52 PM. Reason: new info

  • Users who have thanked tomws for this post:

    bainesmcg (03-29-2008)

  • #4
    Senior Coder tomws's Avatar
    Join Date
    Nov 2007
    Location
    Arkansas
    Posts
    2,644
    Thanks
    29
    Thanked 330 Times in 326 Posts
    Here's the table code for the thumbnail table:

    Code:
            <table width="200" border="0" align="center" cellspacing="2">
    You have 5 images of 40px width. That's ok. But you have a spacer image before all of those that has a width set. Maybe not ok.

  • Users who have thanked tomws for this post:

    bainesmcg (03-29-2008)

  • #5
    New to the CF scene
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Thumbs up You rule!

    Wow, it looks like that stray footer was causing a lot of problems! Thanks for all the help! I may be back

  • #6
    New to the CF scene
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Actually

    Anybody have any clue about the thumbnail refresh in firefox?

  • #7
    Senior Coder tomws's Avatar
    Join Date
    Nov 2007
    Location
    Arkansas
    Posts
    2,644
    Thanks
    29
    Thanked 330 Times in 326 Posts
    Check the block and code associated with the Order section. FF2 works until that section is opened. Even then, it's still allocating space on the page as can be seen by the resizing scroll bar. Maybe a z-index issue, or perhaps they're coming coming back in with visibility:hidden.

  • Users who have thanked tomws for this post:

    bainesmcg (04-10-2008)

  • #8
    Senior Coder tomws's Avatar
    Join Date
    Nov 2007
    Location
    Arkansas
    Posts
    2,644
    Thanks
    29
    Thanked 330 Times in 326 Posts
    HTM
    Code:
    <div id="navcontainerclosed">
    ...
      <div id="storeclosed"> <img src="images/store_closed.jpg" width="353" height="110" onmouseover="MM_showHideLayers('loadarea','','hide','overview','','hide','aboutclosed','','show','picturesclosed','','show','videoclosed','','show','pressclosed','','show','storeclosed','','hide')" />
      </div>
    </div>
    Looks like the order image mouseover is the only one hiding the loadarea div, and...

    JAVASCRIPT
    Code:
    function MM_showHideLayers() { //v9.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
    ...
        obj.visibility=v; }
    }
    that is, indeed switching the visibility.
    Last edited by tomws; 04-02-2008 at 10:02 PM. Reason: oops

  • Users who have thanked tomws for this post:

    bainesmcg (04-10-2008)

  • #9
    New to the CF scene
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Awesome thanks again. Sometimes the simplest solutions get overlooked.



  •  

    Posting Permissions

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