Deixar botão marcado e fixo ao clicar

[iabadu 0]

Olá amigos,

 

Estou com uma pequena dúvida em relação a comportamento de botões com relação a conteúdos acessados na página. Estou fazendo uma estrutura de um site onde terei duas estruturas de menus, um menu no topo do site e um na lateral esquerda. o Menu do topo terá 4 botões. Eu gostaria que esse menu do topo se comporte da seguinte forma. Terei padrões CSS para configurá-los (mouse ON e Mouse HOVER) e também uma classe para quando clicar no botão, marcando-o como clicado.

 

Quero que quando o usuário clique em um dos botões do topo do site ele fique marcado como clicado, indicando que o usuário acessou o conteúdo referente a esse botão. Clicando em outro botão do menu do topo ele desativa o que estava marcado como clicado e ativa o novo botão que foi clicado, e assim por diante.

 

Agora o que quero fazer também é que quando o usuário estiver em uma das páginas referentes a algum dos botões do menu do topo do site (o botão referente a esse conteúdo estará marcado como clicado) e se o usuário clicar em algum dos botões do menu LATERAL o menu do topo interprete essa ação e desmarque então o botão ativo ou clicado no menu do topo.

 

Bom... espero que entendam o processo.

 

Valeu.

 

Alan

IABADU

[Lucas Guima 164]

Dependendo do seu código, isso você altera na página que está sendo acessada. Só mudando a cor do link que você quer...

[Thiago Retondar 18]

Você já fez essa pergunta aqui http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/354055-marcar-botao-ao-clicar

 

Se não entendeu minha resposta, postasse lá.

 

São dois menus, certo?

 

Quando o usuário estiver na página Y, o botão T tem que estar selecionado, certo? Então você faz assim:

 

<ul>
    <li><a href="paginaX.html">Página X</a></li>
    <li><a href="paginaY.html" id="botaoSelecionado">Página Y</a></li>
    <li><a href="paginaW.html">Página W</a></li>
</ul>

No CSS, você formata o #botaoSelecionado do jeito que quer quando está selecionado.

 

#botaoSelecionado{
    color: red;
    text-decoration: underline;
}

Entendeu?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[iabadu 0]

Olá Thiago,

 

Eu acabei colocando um post aqui pois imaginei que estaria no local errado a minha dúvida. Pensei que isso não seria nos conteúdos de CSS e sim de Java, mas não com a intenção errada.

 

Bom... vou testar o que colocou aqui pra ver como funciona. Obrigado.

 

Alan

IABADU