Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

naofuieu

Como fazer p/ que um campo de formulário...

Recommended Posts

Eu queria saber como fazer p/ que uma parte do formulário fique invisível (sem ocupar espaço) e que apareça qdo um check for marcado, tomando o espaço necessário e descendo o que estava lá antes p/ que nada fique por cima um do outro.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu tentei assim, soh q mesmo tando invisível essa div ocupa espaço.Eu queria que paracesse que ela "não existe" e que qdo o check fosse marcado ela aparecesse e fizesse que o que estava no lugar onde ela aparecer desça e fique como se tudo já tivesse no lugar desde o começo. Entendeu?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Qual a diferença?Dá p/ exemplificar (de preferência com imgs).Valeu...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Substitua

document.getElementById("NOMEDIV").style.visibility = "visible";edocument.getElementById("NOMEDIV").style.visibility = "hidden";

por

 

document.getElementById("NOMEDIV").style.display = '';edocument.getElementById("NOMEDIV").style.display = 'none';

Compartilhar este post


Link para o post
Compartilhar em outros sites

hummmmmmnas minhas experiencias com ocultação de layers, usando visibility, a div sumia mas deixava a area em que estava, em branco....quando eu usava display é como se ele removesse a div fazendo com que a area em branco também sumisse.Bem, não sei né...

Eu tentei assim, soh q mesmo tando invisível essa div ocupa espaço.Eu queria que paracesse que ela "não existe" e que qdo o check fosse marcado ela aparecesse e fizesse que o que estava no lugar onde ela aparecer desça e fique como se tudo já tivesse no lugar desde o começo. Entendeu?

me basiei na resposta que ele deu pra dar uma nova solução

Compartilhar este post


Link para o post
Compartilhar em outros sites

Detalhes..

 

visibility

visible

hidden

 

display

block

none

 

Tanto um quanto o outro podem ter o seus valores vazios "", mas, sempre com essa ideia..

 

Fleury, é isso mesmo.. o visibility pode deixar o espaço em branco que ele está ocupando (mesmo no estado hidden).. o display não..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não consigo fazer isso de forma nenhuma. ..alguém pode dar uma luz??

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" type="text/javascript">
function Visualizar() {
	if (document.form1.check.checked) {
	document.getElementById("nome_div").style.display = '';
	document.form1.cnpj.focus();
	} else {
	document.getElementById("nome_div").style.display = 'none';
	}
}
</script>
</HEAD>

<BODY>
<form name="form1" action="" method="post">
<input type="checkbox" id="check" name="check" value="1">
<div id="nome_div"><input type="text" id="cnpj" name="cnpj" value=""></div>
</form>
</BODY>
</HTML>

 

Estou prescisando de algo assim. . .tipo, tenho um formulário que tem 1 check para pessoa física e um 'none' para pessoa jurídica. . .

 

Alguém me ajuda com isso??

 

Obrigado!!

 

DEUS Abençõe!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

ehehehehehe, pior que É!! ehehehMesmo assim, não consigo fazer o campo texto aparecer somente se o radio estiver marcado. . .pode me ajudar??Obrigado!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa,

 

Cara, quando eu crescer, quero ser igual a você. . .obrigado velho. . .

 

Abraço!!!

 

 

DEUS LHE ABENÇÕE!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.