Boa Tarde,
Gostaria de saber como deixar os campos opcionais do meu formulário oculto, ele somente será revelado se o usuário clicar nele.
Vocês poderiam me ajudar ?
preciso de uma solução via JavaScript.
Abraços
Deixando Campos ocultos com javascript
3 Respostas
DOM
document.getElementById('ID_DO_ELEMENTO').style.display = "none";//torna o elemento de id ID_DO_ELEMENTO invisível.
document.getElementById('ID_DO_ELEMENTO').style.display = "inline";//torna o elemento de id ID_DO_ELEMENTO visível.
DOMdocument.getElementById('ID_DO_ELEMENTO').style.display = "none";//torna o elemento de id ID_DO_ELEMENTO invisível. document.getElementById('ID_DO_ELEMENTO').style.display = "inline";//torna o elemento de id ID_DO_ELEMENTO visível.
Esse é o meu formulario:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title><s:text name="mail.registerUserPage.title"></s:text></title>
<s:head />
</head>
<body>
<s:form action="register-user-save-rnp!saveRegisterUser">
<p>
<b>
<h2>
<s:text name="RememberUserPage.msg.user.data.mandatory"></s:text>
</h2>
</b>
</p>
<p>
<s:textfield key="Authentication.login.user" name="loginRegister" />
</p>
<p>
<s:textfield key="User.nmFull" name="nameFull"/>
</p>
<p>
<s:textfield key="User.dsEmail" name="email"/>
</p>
<p>
<s:textfield key="User.emailConfirmation" name="emailConfirmation"/>
</p>
<p>
<b>
<h2>
<s:text name="RememberUserPage.msg.user.optional.data"></s:text> // Aqui é aonde começa os dados Opicionais !
</h2>
</b>
</p>
<p>
<s:textfield key="User.phone" name="phone" id="phone"/>
</p>
<p>
<s:textfield key="User.fax" name="fax"/>
</p>
<p>
<s:select list="states" name="state" key="User.state" headerKey=""
headerValue="%{getText('Select')}" />
</p>
<p>
<s:textfield key="User.city" name="city" />
</p>
<p>
<s:textfield key="User.address" name="address" />
</p>
<p>
<s:textfield key="User.zipcode" name="zipcode" />
</p>
<p>
<s:submit key="Save"/>
<s:reset key="Clear"></s:reset>
</p>
</s:form>
</body>
</html>
Como eu utilizo isso dentro dele ? vou fazer uma Function e depois chama-la ai dentro ?
Desculpe, mas não sei muito de java script.
Abraços
Para definir campos como ocultos, pode-se usar uma função no onload
<script>
function deixarOculto(){
document.getElementById('id').style.display = "none";
}
</script>
</head>
<body onload="deixarOculto();">
ou no css mesmo
.deixarOculto{
display: none;
}
#oculto{
display: none;
}
Onde o “.” indica o atributo class de elementos e o “#” indica o id de um elemento.
E para mostrar, basta chamar a função mostra e passar o id do que quer mostrar ou alterar a class css do elemento
funcion mostraOculto(id){
if(document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = "inline";
}else{
document.getElementById(id).style.display = "none";
}
}
Criado 19 de junho de 2012
Ultima resposta 19 de jun. de 2012
Respostas 3
Participantes 2
Alura Git Flow: entenda o que é, como e quando utilizar Entenda o que é Git Flow, como funciona seu fluxo com branches como Master, Develop, Feature, Release e Hotfix, além de vantagens e desvantagens.
Casa do Codigo Desmistificando WebAssembly: Alta performance,... Por Raphael Amorim — Casa do Codigo