pessoal como faço pra quando eu clicar em algum command link ele ficar com alguma cor¿
Command link
12 Respostas
Com CSS funciona, tenho isso no meu sistema.
Veja nesse site. É bem fácil.
é so criar o hover? E setar no styleclass?
é so criar o hover? E setar no styleclass?Você testou? Qual foi o resultado?
A duvida e como chamar no command link
no css eu tenho
a:hover {text-decoration:underline;}
como vou chamar isso no commandlink?
Conseguir chamar o hover, com o styleclass agora tem como chamar dois styleclass? Porque preciso do active tb
O hover funciona o visited nao =/
Alguem me ajuda?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css"
href="#{facesContext.externalContext.requestContextPath}/css/vivo.css" />
</head>
<h:form>
<rich:toolBar styleClass="toolBar">
<a4j:commandLink value="PRODUTOS X DIAS" action="#{redirecionaBB.paginaProdutosDia}"/>
<h:graphicImage value="/imagens/separaMenu.png" />
<a4j:commandLink value="PRODUTOS X MÊS" action="#{redirecionaBB.paginaProdutosMes}"/>
<h:graphicImage value="/imagens/separaMenu.png" />
<a4j:commandLink value="INTERAÇÕES" action="#{redirecionaBB.paginaInteracoes}"/>
<h:graphicImage value="/imagens/separaMenu.png" />
<a4j:commandLink value="EFETIVIDADE PALAVRA - CHAVE" action="#{redirecionaBB.paginaEfetividadePalavraChave}"/>
<h:graphicImage value="/imagens/separaMenu.png" />
<a4j:commandLink value="ERROS" action="#{redirecionaBB.paginaErroDia}"/>
<h:graphicImage value="/imagens/separaMenu.png" />
<a4j:commandLink value="ENVIO AUTOMÁTICO" action="#{redirecionaBB.paginaEnvioAutomaticoEmailConfiguracao}"/>
<h:graphicImage value="/imagens/separaMenu.png" />
<a4j:commandLink value="RANKING" action="#{redirecionaBB.paginaRanking}"/>
</rich:toolBar>
</h:form>
</html>
toolBar{width:980px; border:none;}
.toolBar a{color:#929292;text-transform:uppercase; font-size:1.1em;}
.toolBar a:HOVER {text-decoration:underline;}
.toolBar a:VISITED {background-color: #F0EFE8;}
Tente apenas .toolbar :hover.
Se não der, verifique o código HTML gerado, que tipo de tag html o toolbar cria.
Thiago eu vi que o que preciso é deixar colorido o link quando clicado e ele permanecer colorido. Fiz via javaScript, mas quando eu mudo de pagina ele volta a ficar da cor normal por causa do POST eu acho. Tem como eu manter ?
<a4j:commandLink id="linkProdutosDia" value="PRODUTOS X DIAS"
onmousedown="mudaCorCommandLink();">
<a4j:jsFunction id="jsFunction" name="redirecionaProdutosDia"
action="#{redirecionaBB.paginaProdutosDia}"/>
</a4j:commandLink>
function mudaCorCommandLink(){
commandLink = document.getElementById("j_id5:linkProdutosDia");
commandLink.style.color = "red";
redirecionaProdutosDia();
}
Aqui redireciona
public String paginaProdutosDia(){
produtosDiaBB.limpaCampos();
return "paginaProdutosDia";
}
?
Alguem me ajuda? Quando redireciono pra outra pagina a cor do commandLink sai, devido a requisição =/
Olá Everton,
Conseguiu resolver seu problema?
Estou passando pela mesma situação.
Criado 29 de março de 2012
Ultima resposta 2 de jul. de 2012
Respostas 12
Participantes 5
Alura POO: o que é programação orientada a objetos? Aprenda os conceitos básicos da programação orientada a objetos, como classes, objetos, herança, encapsulamento e polimorfismo, com exemplos.
Casa do Codigo JavaScript Assertivo: Testes e qualidade de codigo em... Por Gabriel Ramos — Casa do Codigo