Не работают ссылки на странице
 

Добрый день, совсем недавно начал изучать js и наткнулся на такую вот проблему. На сайте имеется меню навигации из трех страниц: продукция,
главная, контакты.
Хотелось бы сделать, что бы при нажатии на посещенную ссылку страницы она выделялась одним цветом, ну что бы пользователь видел, что находиться на данной странице

function activate(a)
{var id=document.getElementById("nav");
var aa=id.getElementsByTagName("a");
for( i in aa )
    if( aa[i]!=a )
      {aa[i].style.color="black";}
else
  {a.style.color="red";}

}
</script>
<div id="nav"><ul>
            <li><a href="../index.php" onclick="activate(this)"; >главная</a></li>
            <li><a href="../pages/product.php" onclick="activate(this);" >продукция</a></li>
            <li><a href="../pages/contacs.php" onclick="activate(this)";>контакты</a></li>
          </ul> </div>

И тут есть одно важное замечание, при нажатии на ссылку загружается новая страница, а меню там вставляется includom на php

надо при загрузке страницы пробегатся по ссылкам меню, и определять на какой из них мы в данный момент находимся, сравнивая с адресной строкой
а вообещ, по-хорошему делу, надо чтобы PHP сразу правильное меню генерил

А можно поподробнее, заранее спасибо

Нет, нельзя.
ка реализовать каждый из пунктов написано уже много раз.
Это самые основы JS.

Пожалуйста изучите эти основы. все они описаны на данном
что не получается, загуглите. 3 раза, как минмиум.
если и после этого не будет получатся, задавайте конкретный вопрос, что именно у вас не получается, не забыв, разумеется написать, как вы уже пытаетесь решить данный пункт.

Если же вы хотите готовые общее решение, то вам в раздел Работа