View Full Version : Drop Menus are not working

03-09-2007, 09:29 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.01)

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

3) Describe problem: My drop menu isn't working. I can link the head link to other outside webpages, but when you hover over it, the drop menu's don't come down. I'm working in php, but I don't think that should have any problems with it, but I could be wrong. The .js file and the other files are in the appropriate folders and everything else is working. The following is what I have written out.

<div class="chromestyle" id="chromemenu">
<li><a href="index.php?content=home">Home</a></li>
<li><a href="index.php?content=aboutus">About Us</a></li>
<li><a href="index.php?content=calendar">Calendar</a></li>
<li><a href="#" rel="dropmenu3">Roster</a></li>
<li><a href="#" rel="dropmenu4">Photos</a></li>
<li><a href="#" rel="dropmenu5">Newsletter</a></li>
<li><a href="#" rel="dropmenu6">Contact Us</a></li>
<li><a href="#" rel="dropmenu7">Links</a></li>

<div id="dropmenu3" class="dropmenudiv">
<a href="index.php?content="execboard">2007 Executive Board</a>
<a href="index.php?content="actives">2006-2007 Actives</a>
<a href="index.php?content="composite0506">2005-2006 Composites</a>


http://rhopiphi.com/website/index.php?# is the website that I'm trying to make it work on in case you need it.

Thank you in advance!

03-10-2007, 01:35 AM
You forgot to initialize the script at the end of your page:

<script type="text/javascript">

Also, note that you have id="dropmenu3" used in two different drop down DIVs- this value must be unique for each DIV.

03-10-2007, 07:57 AM
thank you thank you thank you!!!!

03-10-2007, 07:58 AM
Yep you did :) The code:

<script type="text/javascript">

needs to go at the end of your page, or at the very least following all your DIVs. Please see the demo page inside the zip file for a complete example.