Forums / Cotonti / Support / Menu Navigation On Page

ez
#33308 2012-02-26 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-position0 -53px; ) hover specs
2) as an example i take your list.tpl..
Add a little javascript like on top right after the start

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

3) in your footer.tpl add a bit 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 -==