jquery & joomla 3.0. Меню сайта.

[ataman]

Привет всем.

Есть сайт europrint.in.ua. Нужно сделать так, что при просмотре страницы "о нас" фон кнопки меню оставался синим, а не превращался обратно в серый. (И так все кнопки верхней и боковой навигации)

Думал сделать с помощью jquery, но не знаю к какому элементу привязать скрипт

function addStyle2(){
  $("к чему привязать ?").css("background", "#818285");
}

Ну и как обозначить сам скрипт в теге смой ссылке ?

Или я вообще что-то не то делаю, может это все по другому делается ?

 

[Redjik]

может быть... =)
но чтобы тебе не мучаться можно наговнокодить с document.href

 

[craz]

current, чем не устраивает?

 

[ataman]

current, чем не устраивает?

А в скрипте так и прописывать ?

function addStyle2(){
$("a.<?=$currentPage==$itemPage ? 'active' : 'inactive';?>").css("background", "#818285");
}

 

[WMix]

ataman
по простому так

<a class="<?=$currentPage==$itemPage ? 'active' : 'inactive';?>">...</a>

a.active{
  background-color:#818285
}

 

[ataman]

Дописал как вы написали:

#navigation a:hover {
	background-color:#00aeef;
	color:#ffffff;
}

#navigation a:active {
    background-color:#00aeef;
    color:#ffffff;    
}

не работает так

 

[WMix]

a.active вероятнее всего. не хватает html чтоб сказать точно!

 

[ataman]

a.active вероятнее всего. не хватает html чтоб сказать точно!

Вот HTML код:

  <div id="navigation">
  <ul class="nav menu">
<li class="item-101 current active"><a href="#" >ГЛАВНАЯ</a></li>
<li class="item-103"><a href="#" >О НАС</a></li>
<li class="item-104"><a href="#" >УСЛУГИ</a></li>
<li class="item-105"><a href="#" >ПРОДУКЦИЯ</a></li>
<li class="item-106"><a href="#" >ПРАЙС</a></li>
<li class="item-107"><a href="#" >ТРЕБОВАНИЯ</a></li>
<li class="item-108"><a href="#" >КОНТАКТЫ</a></li>
<li class="item-109"><a href="#" >НОВОСТИ</a></li>
</ul>
</div>

Прописал такой стиль:

#navigation a.active{
    background-color:#00aeef;
}

 

[ataman]

Сделал !

Заработало когда в стилях прописал так:

#navigation li.current :visited{
    background-color:#00aeef!important;
}

а когда active пишешь то не работает