PDA

View Full Version : Please Help a Noob with a DD Nav Script.



agentphish
10-13-2008, 02:53 PM
1) Script Title: All Levels Navigational Menu (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

3) Describe problem:

I'm pretty new to all this stuff, and I am trying to teach myself while helping a local company who wants their site redesigned from the original one that we did a few years back with basic HTML. I have the basics of CSS and how to make a page with it down pretty well, but scripts are a whole other world that I've really never worked with before.

I have put the code listed on the DD site into the DIV where I'd like it to display as a horizontal menu just below the header on my site.

I have created the lists so my subnav categories and put them into the code just about the </BODY> tag as suggested in the instructions.

I have uploaded the .js and .css files to my site's root directory, as well as a test page for my site which contains the code for this script.

When I go to the page, it only shows as text links, not the pretty horizontal menu with dropdowns that it should be displaying as.

Can someone help me?

This is the code towards the top of my site (just below the header DIV) where i want the nav bar to display.

</div>


<div id="ddtopmenubar" class="mattblackmenu">
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

<ul>
<li><a href="#" rel="ddsubmenu1">PA Schools</a></li>
<li><a href="#" rel="ddsubmenu2">PIAA</a></li>
<li><a href="#" rel="ddsubmenu3">Other Organizations</a></li>
<li><a href="http://www.marketstreetsportsgroup.com/sponsorship.htm">Why Sponsorship</a></li>
<li><a href="http://www.marketstreetsportsgroup.com/partnerships.htm">Partnerships</a></li>
<li><a href="http://www.marketstreetsportsgroup.com/contact.htm">Contact Us</a></li>
<li><a href="http://www.marketstreetsportsgroup.com/jobs.htm">Jobs@MSSG</a></li>
</ul>


</div>

This is the lists that I made that are just outside of my Footer DIV but still inside of the body...from what I read in the description they should be hidden by default via CSS.

This doesn't seem to be working, as they show up at the bottom of the site page.


<!--Drop Down Menu 1 HTML-->

<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Columbia School District</a></li>
<li><a href="#">Conestoga Valley School District</a></li>
<li><a href="#">Council Rock School District</a></li>
<li><a href="#">Hempfield School District</a></li>
<li><a href="#">Middletown School District</a></li>
<li><a href="#">Octorara School District</a></li>
<li><a href="#">Pottsgrove School District</a></li>
<li><a href="#">Red Lion School District</a></li>
<li><a href="#">Wilson School District</a></li>
</ul>

<!--Drop Down Menu 2 HTML-->

<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="#">PIAA By The Numbers</a></li>
<li><a href="#">PIAA Championship Venues</a></li>
<li><a href="#">PIAA Sponsorship Options</a></li>
<li><a href="#">PIAA Sponsorship Brochure</a></li>
</ul>

<!--Drop Down Menu 3 HTML-->

<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="#">B2B Baseball Academy</a></li>
<li><a href="#">Boyertown Health & Wellness</a></li>
</ul>
</body>
</html>

Thanks for any help you can give.

agentphish
10-13-2008, 05:01 PM
Nevermind. I am such an idiot. I never put in the links in the head to tell the script where to look for it's CSS stuff and such.

Sorry to post this question at all.