Dynamic Nav for Sidebar pages

[CharlesClarkson]

Originally Posted by bmontgomery

I'd like to create dynamic nav bars similar for news and links similar to the main navigation bar used in the corporate theme.

The navbar code is in the header.php file toward the bottom. Study how wp_list_pages() and wp_list_categories() work and you will be able to make just about any menu you want.

<div id="navbar">

	<ul id="nav">
		[*]Home
		<?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ?>
			[*]Categories
				<ul><?php wp_list_categories('sorderby=name&depth=4&title_li='); ?>[/list]			[/list]    
</div>

In some browsers the navbar depends on this JavaScript to function correctly:

<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);
//--><!]]></script>

HTH,