Manter botao precionado com OnClick()

[tognere 2]

galera....tô com uma dúvida meio simples....mas espero que VCs possam me ajudar...fiz um menu.....suponhamos que a cor de cada item do menu seja preto...mas ao clicar sobre um item do menu eu quero que fica branco(como se tivesse precionado)....ai quando eu clicasse sobre outro item ....o item anterior que foi ficado volte a cor que era(branco) e o novo item clicado ficasse branco....tentei mas tá dando erado....alguem pode me ajudar????? espero que VCs possam me ajudar desde já agradeço....

 

<menu>
   <li><a href="session.php" onclick="precionado()" id="teste">Home</a></li>
   <li><a href="inserir.php" onclick="precionado()">Inserir</a></li>
   <li><a href="post.php" onclick="precionado()">Postagens</a></li>
 <li><a href="usuarios_adicionar.php" onclick="precionado()">Adicionar Usuários</a></li>
  <li><a href="usuarios.php" onclick="precionado()">Usuários</a></li>
</menu>


<script type="text/javascript">
	
function precionado() {
	
	document.getElementById('teste').style.background='black';

}

</script>

 

[William Bruno 1501]

qndo clicar, dê uma classe CSS ao item clicado, do tipo .is-active, ai essa classe deixa ele branco

[tognere 2]

só que o problema é que se vc apertar e SIGURAR fica da cor que eu quero....porém se eu naum segurar naum fica....de que forma eu posso resolver isso ????voce pode me dar uma dica??????

 

a:active
{
background-color:white;
}

[Fiote 24]

Tognere, não entendi...

 

Você está falando de links no seu exemplo. Assim que você clica ele abre a página, nem dá tempo de mudar a cor de fundo.

[tognere 2]

eu quero fazer um menu tipo esse aki.. https://www.google.com.br/search?hl=pt-BR&site=imghp&tbm=isch&source=hp&biw=1366&bih=653&q=mar&oq=mar&gs_l=img.3...1744.1955.0.2115.3.3.0.0.0.0.0.0..0.0....0...1ac.1.35.img..3.0.0.ETP0XFJKFVM (o do topo da pagina da google),,, que ao ser clicado muda de cor a borda....entendeu????

[William Bruno 1501]

.is-active é uma classe para vc adicionar.

:active é um pseudo-seletor apenas do momento do clique.

 

Vc leu oq eu disse ? eu te contei como fazer o que vc quer.

[tognere 2]

naum intendi o uque vc ta querendo me passar....:S .....vc quer que eu deixe todos os meus elementos do menu com a classe .is-active e no css fazer um:

 

.is-active{background:white}

 

?????????????????????????????????????

[William Bruno 1501]

Não. Eu disse como fazer o que vc quer.

 

Que é dando a classe .is-active apenas para o item clicado.

[tognere 2]

no onclick() vc ta falando?????? o.O