[Resolvido] Link ativo em outra cor.

[rodrigoasantos1979 0]

Boa noite a todos!

Alguem sabe como eu faco pra quando eu estiver na "Home" o link mudasse de cor, depois quando eu estivesse em "contact" ele tambem mudasse de cor para indicar em qual pagina a pessoa esta??

Ja agradeco a ajuda!! Obrigado.

[rodrigoasantos1979 0]

só para ficar como opção para novas pessoas que tiverem esta dúvida

coloque este script num documento a parte o chame em qualquer posição da(s) página(s)

a unica coisa que precisa mudar é a classe na ultima linha do script para a classe você desejar a aqui eu acrescentei uma classe e mantive a principal.

window.onload = function(){//previne que o script seja executado apos o carregamento da página
/*
 * retorna o nome da página atual sem a extensão
 */
    function thisPage(){
  
  var url = document.URL; //retorna a url da página
  var urlArr = url.split("/");//retorna um array da url separado pelas barras
  var lastInd = urlArr.length -1;//retorna o ultimo índice do array (tamanho total menos 1, pois o array começa do zero)
  var thisPageExtension = urlArr[lastInd];//retorna a pagina atual + a extensão .html .php etc.
  var thisPageArr = thisPageExtension.split(".");//retorna outro array separando o nome da pagina da extenção
  var thisPage = thisPageArr[0];//retorna a pagina atual sem a extensão
  
  return thisPage;
  } // fim da função thisPage

var thisPage = thisPage();  // recebe a string da página atual
document.getElementById(thisPage).className= 'menu thisPage';// altera a classe do elemento através do id que deve ser igual ao nome da página

};//fim do script