Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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,
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.
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
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 ?
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.