Results 1 to 5 of 5

Thread: Menu works fine except on home page in Chrome or Opera

  1. #1
    Join Date
    Sep 2016
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Menu works fine except on home page in Chrome or Opera

    1) Script Title: ddsmoothmenu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem: I am using this script on our Web site (http://www.skitog.com) and it works beautifully in Firefox and IE. It works in my computer fine on Google Chrome as well. However, on some computers, it fails to show menu items directing to second level on the home page only. The identical script also runs on all other pages of the site without problem. What would cause these menu items (those lines directing to a second level menu) to disappear only on one page of a site (home page) and only in Chrome or Opera? And, how would this quirk be fixed? Thanks for any help offered.
    Last edited by jscheuer1; 09-23-2016 at 02:41 PM. Reason: format

  2. #2
    Join Date
    Nov 2014
    Location
    On A Scottish Island
    Posts
    488
    Thanks
    0
    Thanked 62 Times in 58 Posts

    Default

    The first thing I noticed was that you are including two different jQuery libraries in the Home page (lines 14 & 36). There is only one inclusion in all the other pages (line 13).

  3. The Following User Says Thank You to styxlawyer For This Useful Post:

    skitog (09-24-2016)

  4. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Right, two problems. There's a conflict with the other two scripts using other versions of jQuery on the page. But also, the script is falsely detecting a touch browser in Opera and Chrome. If it did not, there would not be the conflict. This was supposed to be fixed in the latest version. Apparently either it wasn't actually fixed, or Chrome and Opera have become more sensitive yet again. In any case, here's an updated version that works:

    ddsmoothmenu.js

    But, since on real touch devices there may still be a problem, I would also recommend getting rid of all the files for the other scripts from the page (remove):

    Code:
    <script src="facefiles/jquery-1.2.2.pack.js" type="text/javascript"></script>
    <link href="facefiles/facebox.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="facefiles/facebox.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        jQuery(document).ready(function($) {
          $('a[rel*=facebox]').facebox() 
        })
    
    </script>
    
    <script type="text/javascript" <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    
    <script type="text/javascript" src="Goggle/picfader1.js"></script>
    They're not used anyway. So the head of the page will look like so:

    Code:
    <head>
    <title>Toggenburg Mountain Winter Sports Center</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="keywords" content="Toggenburg, Central New York skiing, skiing, boarding, winter sports, Central New York, Fabius, Toggenburg Winter Sports Center, winter sports, hillclimb, Foggy Goggle, ski areas, Central New York ski areas, Tog, Ski Tog, skitog, snow sports, CNY sports, CNY winter sports, CNY ski areas, CNY ski resorts, ski resorts, New York State ski areas, New York State ski resorts" />
    <base href="http://www.skitog.com/" />
    <link href="togg.css" rel="stylesheet" type="text/css" />
    <LINK REL="SHORTCUT ICON" HREF="http://skitog.com/tog.ico">
    
    <link rel="stylesheet" type="text/css" href="includes/ddsmoothmenu.css" />
    <link rel="stylesheet" type="text/css" href="includes/ddsmoothmenu-v.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script type="text/javascript" src="includes/ddsmoothmenu.js">
    
    /***********************************************
    * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Please keep this notice intact
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    </head>
    Last edited by jscheuer1; 09-23-2016 at 02:49 PM. Reason: thought about real touch devices
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. The Following User Says Thank You to jscheuer1 For This Useful Post:

    skitog (09-24-2016)

  6. #4
    Join Date
    Sep 2016
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thank you for your assistance. This is also part of what moderator John noted as well.

  7. #5
    Join Date
    Sep 2016
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    John: Thank you for sorting this out. I have applied your suggestions and it seems to have corrected the problem.

Similar Threads

  1. Replies: 3
    Last Post: 09-12-2013, 12:11 AM
  2. Works fine in FF but not in IE...
    By queerfm in forum CSS
    Replies: 1
    Last Post: 08-09-2008, 04:23 PM
  3. Replies: 1
    Last Post: 03-15-2007, 04:29 PM
  4. Slashdot Menu: Opera: Works on HDD, but not on Server
    By t_anjan in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-13-2006, 06:00 PM
  5. chrome menu being hidden behind js in Opera
    By sameerpanjwani in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 05-09-2006, 07:31 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
  •