Results 1 to 1 of 1

Thread: Chained Menu Help.

  1. #1
    Join Date
    Dec 2008
    Chicago, IL
    Thanked 0 Times in 0 Posts

    Default Chained Menu Help.

    Hey guys, I have a problem with my site, you see I'm trying to use this Chained Drop Down Menu, although I have a config.js all in place and everything it just seems its not reading it? Any idea whats going on?

    Here is the Code for the header where the menu is located:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    <html xmlns="" xml:lang="en" lang="en">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"  />
    <title><?php if (is_home () ) { bloginfo('name'); echo " - "; bloginfo('description'); 
    } elseif (is_category() ) {single_cat_title(); echo " - "; bloginfo('name');
    } elseif (is_single() || is_page() ) {single_post_title(); echo " - "; bloginfo('name');
    } elseif (is_search() ) {bloginfo('name'); echo " search results: "; echo wp_specialchars($s);
    } else { wp_title('',true); }?></title>
    <script language="javascript" src="chainedmenu.js">
    * Chained Select Menu- By Xin Yang ( & Dynamic Drive (
    * Script featured on/available at
    * Visit Dynamic Drive at for full source code
    * This notice must stay intact for legal use!
    <script language="javascript" src="config.js"></script>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    <meta name="robots" content="follow, all" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>
    <!-- this product is released under General Public License. Please see the attached file for details. You can also find details about the license at -->
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    sfHover = function() {
    	if (!document.getElementsByTagName) return false;
    	var sfEls = document.getElementById("nav").getElementsByTagName("li");
    	for (var i=0; i<sfEls.length; i++) {
    		sfEls[i].onmouseover=function() {
    			this.className+=" sfhover";
    		sfEls[i].onmouseout=function() {
    			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    <!--[if lt IE 8]>
    <link href="<?php bloginfo('template_url'); ?>/ie.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]>
    <link href="<?php bloginfo('template_url'); ?>/ie6.css" rel="stylesheet" type="text/css" />
    <script src="" type="text/javascript"></script>
    <body onLoad="initListGroup('chainedmenu', document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel, 'savestate')">
    <div id="wrapper">
    <div id="header">
    <div id="logo">
    <h1><a href="<?php echo get_option('home'); ?>"></a></h1>
    </div> <!-- Closes header -->
    <div id="catnav">
    <div id="toprss"><a href="feed:<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/rss-trans.png" alt="<?php bloginfo('name'); ?>" width="65" height="24" /></a></div> <!-- Closes toprss -->
    <ul id="nav">
      <li><a href="<?php echo get_option('home'); ?>">Home</a></li> 
      <li><a href= "">Streaming Anime</a></li>
      <li><a href= "">Contact Us</a></li>
    </div> <!-- Closes catnav -->
    <div id="navbar">
    <form name="listmenu0">
    <td><select name="firstlevel" style="width:180px;"></select></td>
    <td><select name="secondlevel" style="width:160px;"></select></td>
    <td><select name="thirdlevel" style="width:160px;"></select></td>
    <td><input type="button" value="Go" onClick="goListGroup(document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel)">
     <input type="button" value="Reset" onClick="resetListGroup('chainedmenu')">
    <div class="cleared"></div>
    Here is the code for the config.js :

    //var hide_empty_list=true; //uncomment this line to hide empty selection lists
    var disable_empty_list=true; //uncomment this line to disable empty selection lists
    var onclickaction="alert" //set to "alert" or "goto". Former is for debugging purposes, to tell you the value of the final selected list that will be used as the destination URL. Set to "goto" when below configuration is all set up as desired. 
    var newwindow=0 //Open links in new window or not? 1=yes, 0=no.
    /////DEFINE YOUR MENU LISTS and ITEMS below/////////////////
    addListGroup("chainedmenu", "First-Select");
    addOption("First-Select", "Select an item", "", 1); //HEADER OPTION
    addList("First-Select", "Webmaster Resources", "", "Webmaster");
    addList("First-Select", "News Sites", "", "News");
    addList("First-Select", "Car Sites", "", "Cars");
    addOption("Webmaster", "Select an item", "", 1); //HEADER OPTION
    addList("Webmaster", "JavaScript Links", "", "Webmaster-JavaScript");
    addList("Webmaster", "PHP Links", "", "Webmaster-PHP");
    addOption("Webmaster", "", ""); //END OF THIS NODE
    addOption("Webmaster-JavaScript", "Select an item", "", 1); //HEADER OPTION
    addOption("Webmaster-JavaScript", "JavaScript Kit", "");
    addOption("Webmaster-JavaScript", "Dynamic Drive", "");
    addOption("Webmaster-JavaScript", "JavaScript Reference", "");
    addOption("Webmaster-PHP", "Select an item", "", 1); //HEADER OPTION
    addOption("Webmaster-PHP", "", "");
    addOption("Webmaster-PHP", "mySQL", "");
    addOption("News", "Select an item", "", 1); //HEADER OPTION
    addList("News", "General News", "", "News-General");
    addList("News", "Tech News", "", "News-Tech");
    addOption("News-General", "Select an item", "", 1); //HEADER OPTION
    addOption("News-General", "CNN", "");
    addOption("News-General", "MSNBC", "");
    addOption("News-General", "BBC News", "");
    addOption("News-General", "Fox News", "");
    addOption("News-Tech", "Select an item", "", 1); //HEADER OPTION
    addOption("News-Tech", "", "");
    addOption("News-Tech", "Wired News", "");
    addOption("News-Tech", "TheRegister", "");
    addOption("Cars", "Select an item", "", 1); //HEADER OPTION
    addList("Cars", "Regular Cars", "", "Cars-Regular");
    addList("Cars", "Sports Cars", "", "Cars-Sports");
    addOption("Cars-Regular", "Select an item", "", 1); //HEADER OPTION
    addOption("Cars-Regular", "Toyota", "");
    addOption("Cars-Regular", "Ford", "");
    addOption("Cars-Regular", "Nissan", "");
    addOption("Cars-Regular", "BMW", "");
    addOption("Cars-Sports", "Select an item", "", 1); //HEADER OPTION
    addOption("Cars-Sports", "Porsche", "");
    addOption("Cars-Sports", "Aston Martin", "");
    Any help would be greatly appreciated.
    Last edited by Tye; 01-14-2009 at 02:41 AM.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts