Results 1 to 4 of 4

Thread: Drop Menus are not working

  1. #1
    Join Date
    Mar 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Drop Menus are not working

    1) Script Title: Chrome CSS Drop Down Menu (v2.01)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/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.


    HTML Code:
    <div class="chromestyle" id="chromemenu">
    <ul>
    <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>
    </ul>
    </div>
    
    <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>
    </div>
                                                  
    </div>
    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!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You forgot to initialize the script at the end of your page:

    Code:
    <script type="text/javascript">
    cssdropdown.startchrome("chromemenu")
    </script>
    Also, note that you have id="dropmenu3" used in two different drop down DIVs- this value must be unique for each DIV.

  3. #3
    Join Date
    Mar 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thank you thank you thank you!!!!

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Yep you did The code:

    Code:
    <script type="text/javascript">
    cssdropdown.startchrome("chromemenu")
    </script>
    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.

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
  •