# Nice clean menu system that highlights the active page?

**URL:** <https://forum.kirupa.com/t/nice-clean-menu-system-that-highlights-the-active-page/234278>\
**Category:** web dev\
**Created:** [August 1, 2007, 12:56am UTC](https://forum.kirupa.com/t/nice-clean-menu-system-that-highlights-the-active-page/234278 "2007-08-01T00:56:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![VonGizzle](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vongizzle/32/3948_2.png) [@VonGizzle](https://forum.kirupa.com/u/VonGizzle)\
**Post date:** [August 1, 2007, 12:56am UTC](https://forum.kirupa.com/t/nice-clean-menu-system-that-highlights-the-active-page/234278/1 "2007-08-01T00:56:44Z")

</div>

Ok here’s my riddle.

I would usually use a simple include for the navigation element of my pages, but if I wanted to highlight the subsection on any navigation area the user was currently browsing, I would then have to create a different navigation menu for every page and manually highlight the current section on the menu.

Because I’m a javascript loser, and I’m assuming this would be the most efficient way to do this, I’m wondering if any of you know of a nice clean tight way to dynamically highlight the current page on a nav menu (whether it’s image buttons or css based) which could be then written once and included.

regards,

James Boyce
