Log in

View Full Version : All levels Navigation code question


stevelang1
08-07-2012, 08:09 PM
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).
keyboard
08-07-2012, 11:08 PM
Please use the forum's bbcode tags to make your post more readable:

for php code............
<?php /* code goes here */ ?>
for html...............
<!-- markup goes here -->.....
for js/css/other.......
code goes here................
stevelang1
08-08-2012, 02:30 PM
[QUOTE=keyboard1333;279104]
Please use the forum's bbcode tags to make your post more readable:

for html...............
<!--<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>
-->

for js/css/other.......
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
stevelang1
08-08-2012, 08:09 PM
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
keyboard
08-08-2012, 10:34 PM
Please use the forum's bbcode tags to make your post more readable:

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


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.