Делаю меню для сайта, стандарт вида:
<li><a href="/" onclick="cssClick(this)" class="notactive">Главная</a></li>
<li><a href="/pricelist/" onclick="cssClick(this)" class="notactive">Цены</a></li>
<li><a href="/analysis/" onclick="cssClick(this)" class="notactive">Анализ</a></li>
<li><a href="/directory/" onclick="cssClick(this)" class="notactive">Справочник</a></li>
<li><a href="/contacts/" onclick="cssClick(this)" class="notactive">Контакты</a></li>
Соответственно для украшательства отлавливается нажатие на ссылку с изменением класса 'nonactive' на 'active' . Написал скрипт:
function cssClick(a){
arg=document.getElementsByClassName('cssactive');
if (arg) {
for (var i = 0; i<arg.length; i++) {
arg[i].className='notactive';
}
}
a.className='active';
}
При разработке, когда ссылки никуда не указывали, все работало нормально. Сейчас получается, что при нажатии на ссылку (пункт меню) осуществляется переход на др страницу со сбросом стилей всех пунктов в 'notactive'
Вопрос: как сделать так, чтобы при переходе/обновлении стиль выбранного пункта меню сохранялся как 'active', соответственно указывая, что выбран именно этот пункт.
