Senhores, alguém pode me ajudar c/ um code javascript que quando eu clico num link, abre abaixo do link um formulário?
Algo como esconder o formulário até clicar no link.
Obrigado
javaScript embutido na página
J
13 Respostas
J
yés 
muito obrigado 
Rafael
Olha esse codigo pra vê se é isso que vc quer:
<html>
<head></head>
<body>
<a href="#" onclick="mostra();">Mostra</a>
<a href="#" onclick="esconde();">Esconde</a>
<dir id="form" style="display: none">
<form>
<table width="200px" border="0">
<tr>
<td>Nome:</td>
<td><input type="text" name="txtNome" size="50"></td>
</tr>
<tr>
<td>Senha:</td>
<td><input type="password" name="txtSenha" size="20"></td>
</tr>
<tr>
<td><input type="button" value="Enviar"></td>
</tr>
</table>
</form>
</dir>
</body>
</html>
<script type="text/javascript"><!--
function mostra() {
document.getElementById("form").style.display = "block";
}
function esconde() {
document.getElementById("form").style.display = "none";
}
</script>
J
é isso mesmo amigo, mas como fazer pra no link de EXIBIR… ele fazer as duas funções? exibir e ocultar, clicando no mesmo link?
Cara não deu pra entender o que vc quer fazer direito. Explica com mas clareza que ai dá pra ajundar com certeza. Se quizer me add no MSN que posso te ajudar. [email removido]
J
deixa eu tentar explicar melhor:
Num mesmo link -> EXIBIR e OCULTAR
mas é isso que eu te passei
J
n… claro, vc mandou blz… mas queria q esse javascript usasse um link só… por exemplo:
Clique aqui para mostar ou esconder seu formulário: MOSTRARESNDONDER
entendi vou mundar e te passo… Mas na boa cara com esse exemplo ai tá molesa pra vc mudar
mas vou alterar e ja te passo
J
analfabeto em javascript 
tenho q mudar isso o mais rápido possível. vlw
Olha mano esta feito. Se tiver algo de errado dá um toque aí beleza:
Mas não esquenta não que a vida é isso aí mesmo com o tempo vc estará dominando JavaScritp com certeza
<html>
<head></head>
<body>
<div id="um" style="display: block">
<a href="#" onclick="casas();">Teste</a>
</div>
<div class="div" id="dois" style="display: none">
<a href="#" onclick="esconde();">Teste</a>
</div>
<dir id="form" style="display: none">
<form>
<table width="200px" border="0">
<tr>
<td>Nome:</td>
<td><input type="text" name="txtNome" size="50"></td>
</tr>
<tr>
<td>Senha:</td>
<td><input type="password" name="txtSenha" size="20"></td>
</tr>
<tr>
<td><input type="button" value="Enviar"></td>
</tr>
</table>
</form>
</dir>
</body>
</html>
<script type="text/javascript">
function casas(){
if(document.getElementById('form').style.display = 'none'){
document.getElementById('form').style.display = 'block';
document.getElementById('dois').style.display = 'block';
document.getElementById('um').style.display = 'none';
}
if(document.getElementById('form').style.display = 'block'){
document.getElementById('um').style.display = 'none';
}
}
function esconde(){
document.getElementById("form").style.display = "none";
document.getElementById('um').style.display = 'block';
document.getElementById('dois').style.display = 'none';
}
</script>
J
Caio, muito obrigado mesmo! Código simples e funcional vlw mesmo!
de nada mano eu coloquei uns nomes meio doido aí em algumas coisa mas isso eu que eu estava fazendo uma coisa só pra te mostrar. Dai você coloca nomes mas adequado aí beleza... A te eu estava vendo uma coisa ai que não esta sendo usado não. Você pode apagar esse parte " class="div".
<div class="div" id="dois" style="display: none">
<a href="#" onclick="esconde();">Teste</a>
</div>
Criado 2 de novembro de 2007
Ultima resposta 4 de nov. de 2007
Respostas 13
Participantes 3