-
- Lol
 -
Total Posts: 68
Joined: 2008-06-26
Plymouth, UK
|
Is this not something that could be done with css? Looking at the plain html code for the navigation bar it would seem that all the necessary tags and classes are there to target each individual menu item. When a category link has been followed it is set to ‘active’ by including ‘active’ in the class name and the css can target this too.
<div class="header-nav-container">
<div class="header-nav">
<h4 class="no-display">Category Navigation:</h4>
<ul id="nav">
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level0 nav-bed-and-bath active parent">
<a href="http://localhost/store/bed-and-bath"><span>Furniture</span></a>
<ul class="level0">
<li class="level1 nav-bed-and-bath-living-room">
<a href="http://localhost/store/bed-and-bath/living-room"><span>Living Room</span></a>
</li>
<li class="level1 nav-bed-and-bath-bedroom last">
<a href="http://localhost/store/bed-and-bath/bedroom"><span>Bedroom</span></a>
</li>
</ul>
</li>
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level0 nav-electronics parent">
<a href="http://localhost/store/electronics"><span>Electronics</span></a>
<ul class="level0">
<li class="level1 nav-electronics-cellphones">
<a href="http://localhost/store/electronics/cellphones"><span>Cell Phones</span></a>
</li>
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level1 nav-electronics-digital-cameras parent">
<a href="http://localhost/store/electronics/digital-cameras"><span>Cameras</span></a>
<ul class="level1">
<li class="level2 nav-electronics-digital-cameras-accessories">
<a href="http://localhost/store/electronics/digital-cameras/accessories"><span>Accessories</span></a>
</li>
<li class="level2 nav-electronics-digital-cameras-digital-cameras last">
<a href="http://localhost/store/electronics/digital-cameras/digital-cameras"><span>Digital Cameras</span></a>
</li>
</ul>
</li>
<li class="level1 nav-electronics-laptops last">
<a href="http://localhost/store/electronics/laptops"><span>Laptops</span></a>
</li>
</ul>
</li>
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level0 nav-apparel parent">
<a href="http://localhost/store/apparel"><span>Apparel</span></a>
<ul class="level0">
<li class="level1 nav-apparel-shirts">
<a href="http://localhost/store/apparel/shirts"><span>Shirts</span></a>
</li>
<li onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)" class="level1 nav-apparel-shoes parent">
<a href="http://localhost/store/apparel/shoes"><span>Shoes</span></a>
<ul class="level1">
<li class="level2 nav-apparel-shoes-mens-s-shoes">
<a href="http://localhost/store/apparel/shoes/mens-s-shoes"><span>Mens</span></a>
</li>
<li class="level2 nav-apparel-shoes-women-s-shoes last">
<a href="http://localhost/store/apparel/shoes/women-s-shoes"><span>Womens</span></a>
</li>
</ul>
</li>
<li class="level1 nav-apparel-college-hoodies last">
<a href="http://localhost/store/apparel/college-hoodies"><span>Hoodies</span></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
|
