Trocar a cor da div ativa passado pela URL

[Bruno Henrique da Costa 14]

Galera, gostaria de saber se alguem tem alguma ideia de como fazer o que o site da UOL faz na parte de signos!

 

Por ex: se eu entrar em http://www1.folha.uol.com.br/horoscopo/previsoes/previsoes-diarias.shtml#escorpiao as informacoes do escorpiao fica com uma borda azul, se eu entrar em outor signo fica com a borda azul também.

 

É passado por argumento na URL, gostaria de saber se alguem já fez isso!

 

Obrigado desde já!

[FK. 0]

Bom, nesse caso, acredito que tenha um javascript que atribua uma instrução CSS parecida com essa abaixo num elemento individualmente:

 

// Em CSS
div.bordaSigno {
   border: 2px solid #ccccff;
}

// Em JS
document.getElementById('bordaSigno').style.border = '2px solid #ccccff';

 

E depois limpa ela quando o usuário clicar em outro signo. Ou seja, se você clicar em escorpião, talvez um javascript coloque uma borda de 2px nessa cor para a div individualmente. Depois você clica no Peixes, ele "limpa" esse CSS que estava no escorpião, e coloca um igual para Peixes. Então é alternado o CSS de algum elemento dependendo da ação do usuário. Com jQuery você faz isso mais facilmente.

[rodrigopa 7]

Usa o location.hash.

window.onload = function() {
var div = location.hash.replace('#', '');
document.getElementById(div).style.border = 'ESTILO AQUI';
}

[Bruno Henrique da Costa 14]

Eu tentei usar isso, mas num deu certo nao, ele fica com outra cor, mas só quando eu dou F5 na pagina, e não quando somente troco o hashtag!!

 

Usa o location.hash.

window.onload = function() {
var div = location.hash.replace('#', '');
document.getElementById(div).style.border = 'ESTILO AQUI';
}

[William Bruno 1501]

Então dispare essa função no evento onclick da tag A