Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

iabadu

Ativar botão de Menu quando clicado

Por , em Desenvolvimento frontend

Recommended Posts

iabadu    0

iabadu
Postado

Olá Amigos,

 

Estou construindo um novo site pra desenvolvimento do sistema em Java. Estou trabalhando no NetBeans com páginas em XHTML.

 

Em uma área do site terei um menu interno para os usuários e esse menu chamei via include nas páginas.

<ui:include src="menu.xhtml"></ui:include>

 

Quero que quando o usuário clicar em um botão, o mesmo fique selecionado e assim por diante nos demais botões de acordo com cada página selecionada.

Tentei fazer funcionar em CSS fazendo uma referência com o BODY de cada página mas de acordo com a estrutura trabalhando com templates, o body fica no template com o topo e o footer do site e ai não tenho essa referência do BODY separado em cada página, não funcionou.

 

Pensei então que seria ideal algum script que faça referência entre as páginas e os botões do menu. No caso um botão pode estar referente a uma ou mais páginas, quando clicado, ficar selecionado com layout diferente que isso sim farei em CSS.

 

Abraço aos amigos.

 

Alan

IABADU

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vanilson    2

Vanilson
Postado

Uma forma de fazer isso é definindo em cada li do seu menu um class por exemplo de nome activo e no teu css basta colocar o estilo desse link activado. Suponhamos que você tenha tenha os seguintes links: A, B, C e D. Na pagina A o teu li referente ao link A deverá conter um class de nome activo e os demais links sem o class activo e quando fores fazer a pagina do link B joga a class activo no B e retira do A e assim por diante.

Compartilhar este post

Link para o post
Compartilhar em outros sites

iabadu    0

iabadu
Postado

Poderia dar certo mas se eu tivesse o menu em casa página... Nesse caso eu chamei o menu na página via include, ai não tem como eu alterar o LI na css pois sempre chama o mesmo arquivo do menu. Ou estou analisando errado algo??

 

flw,

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado
o body fica no template com o topo e o footer do site e ai não tenho essa referência do BODY separado em cada página
faça funcionar.

 

vá lá no template do topo, coloque a regra para dar o output de um ID ou class para o body, dependendo da URL que está sendo visualizada, e pronto.

 

 

 

Muito melhor doque usar javascript para isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

iabadu    0

iabadu
Postado
vá lá no template do topo, coloque a regra para dar o output de um ID ou class para o body, dependendo da URL que está sendo visualizada, e pronto.

 

Desculpe a ignorância de conhecimento ai nesse caso... rs... mas como seria dar o output de um id ou class para o body como disse???

 

flw

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

url:

 

site.com.br/home

<body class="home">

 

site.com.br/contato

<body class="contato">

 

site.com.br/produto

<body class="produto">

 

 

Use a tua linguagem server-side para fazer isso por você.

-> ler a url

-> imprimir( output/saida ) uma string no HTML

 

entendeu ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito