Results 1 to 5 of 5

Thread: All levels Navigation code question

  1. #1
    Join Date
    Aug 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default All levels Navigation code question

    I'm having a problem getting the horizontal bar and sub menu's working properly.

    I downloaded and tested the All Level Multi-level menu and it worked great in the demo. I modified all the demo code to match my site (worked perfectly and looks great)

    I than copied the modified CSS and the JS files to the ddlevelsmenu sub-directory under my web page, and copied the relevant code into the DWT file where it was suggested. In Expression Web the menu bar looks great, but when I preview it, the menus appear on the left with just the main menu items listed (no subs). Any thought on what I missed? As the CSS and JS all work for the demo, (I am only copying in the code embedded in the DWT)

    Any and all suggestions will be appreciated!

    <head>
    <!-- All Levels Menu code-->
    <link rel="stylesheet" type="text/css" href="/ddlevelsfiles/ddlevelsmenu-base.css" />
    <link rel="stylesheet" type="text/css" href="/ddlevelsfiles/ddlevelsmenu-topbar.css" />

    <script type="text/javascript" src="ddlevelsmenu.js">
    /***********************************************
    * All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    </script>
    ---------------
    <!--New menu bar begins here-->
    <div id="ddtopmenubar" class="mattblackmenu">
    <ul>
    <li><a href="../index.html">Home</a></li>
    <li><a href="../coaching-programs.html" rel="ddsubmenu1">Coaching Programs</a></li>
    <li><a href="../about.html" rel="ddsubmenu2">About</a></li>
    <li><a href="../resources.html">Resources</a></li>
    <li><a href="../media.html">Media</a></li>
    <li><a href="../dawns-blog.html" rel="ddsubmenu3">Dawn's Blog</a></li>
    <li><a href="../contact.html" >Contact</a></li>

    </ul>
    </div>

    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>
    -----------------
    <!--Top Drop Down Menu 1 HTML-->

    <ul id="ddsubmenu1" class="ddsubmenustyle">
    <li><a href="#">True Colors</a></li>
    <li><a href="#">Monthly Access</a></li>
    <li><a href="#">Yes Energy</a></li>
    </ul>

    </body>

    ( I only copied in the 1st of the submenus).

  2. #2
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,524
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    Please use the forum's bbcode tags to make your post more readable:

    for php code............[php] <?php /* code goes here */ ?> [/php]
    for html...............[html] <!-- markup goes here -->.....[/html]
    for js/css/other.......[code] code goes here................[/code]

  3. #3
    Join Date
    Aug 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    [QUOTE=keyboard1333;279104]
    Please use the forum's bbcode tags to make your post more readable:

    for html...............
    HTML Code:
     <!--<head>
    <!-- All Levels Menu code-->
    <link rel="stylesheet" type="text/css" href="/ddlevelsfiles/ddlevelsmenu-base.css" />
    <link rel="stylesheet" type="text/css" href="/ddlevelsfiles/ddlevelsmenu-topbar.css" />
    
    <script type="text/javascript" src="ddlevelsmenu.js">
    /***********************************************
    * All Levels Navigational Menu- (c) Dynamic Drive DHTML code library ([url]http://www.dynamicdrive.com[/url])
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at [url]http://www.dynamicdrive.com/[/url] for full source code
    ***********************************************/
    </script>
    ---------------
    <!--New menu bar begins here--> 
    <div id="ddtopmenubar" class="mattblackmenu">
    <ul>
    <li><a href="../index.html">Home</a></li>
    <li><a href="../coaching-programs.html" rel="ddsubmenu1">Coaching Programs</a></li>
    <li><a href="../about.html" rel="ddsubmenu2">About</a></li>
    <li><a href="../resources.html">Resources</a></li>
    <li><a href="../media.html">Media</a></li>
    <li><a href="../dawns-blog.html" rel="ddsubmenu3">Dawn's Blog</a></li>
    <li><a href="../contact.html" >Contact</a></li>
    
    </ul>
    </div>
    
    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>
    -----------------
    <!--Top Drop Down Menu 1 HTML-->
    
    <ul id="ddsubmenu1" class="ddsubmenustyle">
    <li><a href="#">True Colors</a></li>
    <li><a href="#">Monthly Access</a></li>
    <li><a href="#">Yes Energy</a></li>
    </ul>
    
    </body>
    -->
    for js/css/other.......
    Code:
     code goes here
    ----------------------------
    Sorry, as I mentioned in the original post, I wasn't going to upload the CSS or JS as they were working perfectly....leaving just the [html] that I added to the post. I am assuming that somehow a reference to the JS is not being recognized......but....not really sure if that is the culprit or not
    Last edited by stevelang1; 08-08-2012 at 02:41 PM. Reason: added content

  4. #4
    Join Date
    Aug 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Got it. I was pretty sure that the problem had to be in the .js file.

    <script type="text/javascript" src="ddlevelsmenu.js">


    After playing around, I solved the problem by adding a ../ before ddlevelsmenu.js. Everything looks great now

  5. #5
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,524
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    Quote Originally Posted by keyboard1333 View Post
    Please use the forum's bbcode tags to make your post more readable:

    for php code............[php] <?php /* code goes here */ ?> [/php]
    for html...............[html] <!-- markup goes here -->.....[/html]
    for js/css/other.......[code] code goes here................[/code]

    It just means that if you've got html, it should go in html tags. If you've got php, it should go in php tags, etc... not post your javascript and wrap it in tags.

    Glad to hear you got it working!
    Keyboard1333

    If this thread is finished, please set it to resolved.
    You can do this by editing the first post within the thread - Pressing go advanced - Then where it says no prefix, selecting resolved then save.

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
  •