Активная ссылка

Понадобилось сделать отдельное меню
там две ссылки главная и страница категории
Как добавить новый класс к ссылки в зависимости от того где я нахожусь? если я на главной странице - к ссылке прибавляется класс active
--- добавлено: Mar 18, 2013 4:30 PM ---
и как такие ссылки называются? на будущее)

 

В header.tpl вставляем JS код

Код:

<script>
$(function(){
	var url = window.location.pathname,
		urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
		$('.links a').each(function(){
			if(urlRegExp.test(this.href.replace(/\/$/,''))){
				$(this).addClass('active');
			}
		});
});
</script>

Всем сылкам что находятся в блоке с класом .links если активная будет приписиватся active
Клас блока можна поменять на свой, например вместо .links написать .moyclass
ну и в стилях уже дописать что нужно
.links a.active {
}

 

C домашней страницей работает, спасибо.
Но когда на странице категорий - класс не добавляется

 

Я ж написал что клас добавляется для блока с класом .links
в категориях другой клас или ИД. Напиши свой и будет щастье)

 

у меня в одном блоке

Код:

<div id="menu">
	<div class="menufon leftmenu">
		<a href="/" class="icohome">Главная</a>
		<a href="/index.php?route=product/category&path=20/" class="alltovars">Все товары</a>
	</div>
	<div class="menufon rightmenu">
		<?php echo $cart; ?>
	</div>
</div>

Код:

<script>
$(function(){
	var url = window.location.pathname,
		urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
		$('.leftmenu a').each(function(){
			if(urlRegExp.test(this.href.replace(/\/$/,''))){
				$(this).addClass('active');
			}
		});
});
</script>