Menu Navigation On Page

#33308 26.02.2012 22:24

For what i understand...
You want your current, choosen, menu item to be highlited ???

You can use Jquery to do just that...
But there are a few steps.

1) make a class in your css called mhover-a with your ( background-position: 0 -53px; ) hover specs
2) as an example i take your list.tpl..
Add a little javascript like on top right after the start

JavaScript

        
              <script type="text/javascript">
        var pagelocation="{LIST_CAT}";
    </script>

3) in your footer.tpl add a bit javascript:

JavaScript

        
              $(document).ready(function() {
$('#navigation').children().removeClass('mhover-a');
if (typeof pagelocation === "string") {
$('#navigation').find('#'+pagelocation).addClass('mhover-a');
}
});

4) make sure your menu id's are the same as the LIST_CAT

If you use pages... add step 2 on the page.tpl.. and pagelocation={PAGE_ALIAS} or maybe the id
If you use a plugin you can use the plugin identifier (also step 2)

Hope i did not forget anything here.... this was a quick search for your answer

==- I say: Keep it EZ -==