javaScript embutido na página

Programação Java
#1

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

#2

www.jquery.com

#3

yés :smiley: muito obrigado :wink: Rafael

#4

Olha esse codigo pra vê se é isso que vc quer:

[code]

Mostra Esconde 
<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>
<!-- 
	function mostra() {				
		document.getElementById("form").style.display = "block";	
	}

	function esconde() {				
		document.getElementById("form").style.display = "none";	
	}
</script>[/code]
#5

é isso mesmo amigo, mas como fazer pra no link de EXIBIR… ele fazer as duas funções? exibir e ocultar, clicando no mesmo link?

#6

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. caiormacedo@hotmail.com

#7

deixa eu tentar explicar melhor:

Num mesmo link -> EXIBIR e OCULTAR

#8

mas é isso que eu te passei

#9

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

#10

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

#11

analfabeto em javascript :frowning: tenho q mudar isso o mais rápido possível. vlw

#12

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

[code]

Teste
Teste 
<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>
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>

[/code]

#13

Caio, muito obrigado mesmo! Código simples e funcional :smiley: vlw mesmo!

#14

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”.

[code]


Teste
[/code]
#15