ed1
Dezembro 20, 2006, 4:49pm
#1
EStou tentando remover um <h:commandButton com uma image usando javascript não remove. Se tiro o atributo image do commandButton, consigo remover.
aqui está o código:
<h:commandButton id="botao" value="Botao" action="#{validaUsuario.voltaList}" image="#{facesContext.externalContext.requestContextPath}/imagens/BACK.gif" alt="Volta para a lista de relatórios"/>
document.forms['form_1'].elements['form_1:botao'].style.visibility = 'hidden';
por favor alguem me ajude
obrigado
Ed
bueno
Dezembro 20, 2006, 5:24pm
#2
tente
document.forms[‘form_1’].elements[‘form_1:botao’].style.display = ‘none’;
ou
document.forms[‘form_1’].elements[‘form_1:botao’].style.visibility = ‘none’;
bueno
Dezembro 20, 2006, 5:25pm
#3
para mostrar novamente basta trocar o ‘none’ por ‘’
ed1
Dezembro 20, 2006, 5:29pm
#4
não funciona com display.
Acontece a mesma coisa. se eu uso o display.visibility com o commandButton com o atributo image ele não desaparce, agora se tiro o atributo image , ai ele some com o botão
Uai cara… estranho pq eu tinha quase certeza que funcionava com display assim como o camarada acima postou…
Entao pq vc nao cria um css com uma class chamada oculto
.oculto {
DISPLAY: none;
}
Dai no javascript vc apenas muda a class
document.forms['form_1'].elements['form_1:botao'].className = 'oculto';
Pra voltar é so fazer o inverso
document.forms['form_1'].elements['form_1:botao'].className = '';
Na verdade é a mesma coisa que o que o bueno fez… só que de forma + organizada…
Caso nao funcionar… tente mudar o componente para um command link
<h:commandLink id="botao" value="Botao" action="#{validaUsuario.voltaList}">
<h:graphicImage url="#{facesContext.externalContext.requestContextPath}/imagens/BACK.gif" />
</h:commandLink>
ed1
Dezembro 21, 2006, 10:49am
#6
Cara, não deu certo com o css. Realmente é um jeito mais elegante de fazer , mas a mesma coisa que o bueno.
Mas não deu certo.
Mudei para commandLink e na mesma. A imagem de voltar continua lá e funcionando com o seu action.
Q coisa. Tentei um monte de coisa já. Sem esse atributo funciona perfeito, o botão some.
Alguma outra ideia ???
Obrigado
ed1
Dezembro 21, 2006, 1:18pm
#7
Fiz, de um jeito que deu certo
olha só
o meu botao coloquei dentro de un div
<div id="minhaDiv">
<h:commandButton image="back.gif" id="volta" />
</div>
e na minha função javaScript eu coloquei assim
var obj = document.getElementById("minhaDiv").style;
obj.display = "none";
funcionou.
quero agradecer aos que me ajudaram ou tentaram
Valeu!!