10 replies to this topic

[paulojrpb_php]

Ae galera, a dúvida é a seguinte...

Eu tenho uma página que tem uns checkbox, o que quero é que ao selecionar o checkbox abra uma parte que fica escondida na página. Se ele desselecionar o checkbox ae o negócio desaparece.

Sei que não deve ser difícil.. mas, a dúvida é completa! haehaehahehae

Primeiro: Essa parte que vai desaparecer tem que ficar dentro de que? Eu pensei numa div, mas não vi nada com relação a visibilidade nas propriedades da div. Então, coloca dentro d que?

Segundo: Como seria mais ou menos a lógica para fazer sumir/aparecer? Sei que ele deve pegar a id e setar a visibilidade como true ou false eu creio.. mas não sei como fazer.

Se alguém poder me dá esse help eu agradeço D+..

vlw galerinha.. abços..
Paulo Jr.

[Allan Carvalho]

Opa!

Lá vai:

<script>
function some_aparece(campoid,idbox) {
var campo = document.getElementById(campoid);
var box = document.getElementById(idbox);
if (box.checked == true) {
campo.style.display = "inline";
}
else {
campo.style.display = "none";
}
}
</script>

<input type="checkbox" onclick="some_aparece('div1',this.id);" id="check1"> Hahaha!<br/>
<input type="checkbox" onclick="some_aparece('div2',this.id);" id="check2"> Hehehe!


<p>
<div id="div1" style="display: none;">Hahahahhahahahaha!</div>
<br/>
<div id="div2" style="display: none;">HEhehehehehehhehe!</div>
</p>

Analize direitinho como foi passado os atributos, onclick, ids, verificações e etc...


Qualquer dúvida é só dizer, ok?



Até mais.

Edição feita por: invasoesdemaniacos, 27/07/2006, 00:24.

[paulojrpb_php]

Grande invasoesdemaniacos...

Isso devia ir pro banco de scripts.. meu chapa.. tá lindo o negócio.. algo tão usual e simples! Tá loko.. adorei brother!

Vlw ae..
Mais um usuário feliz do forúm.. hehaeheah

Flw galera!

[Allan Carvalho]

Beleza jovem...

Fico feliz também...


Qualquer dúvida é só postar, ok?


Até mais.


Fui...

[Ju Vargas]

<script>
function some_aparece(campoid,idbox) {
var campo = document.getElementById(campoid);
var box = document.getElementById(idbox);
if (box.checked == true) {
campo.style.display = "inline";
}
else {
campo.style.display = "none";
}
}
</script>

<input type="checkbox" onclick="some_aparece('div1',this.id);" id="check1"> Hahaha!<br/>
<input type="checkbox" onclick="some_aparece('div2',this.id);" id="check2"> Hehehe!


<p>
<div id="div1" style="display: none;">Hahahahhahahahaha!</div>
<br/>
<div id="div2" style="display: none;">HEhehehehehehhehe!</div>
</p>

Tem como fazer isso só que ao invés de ser um checkbox, ser um select? E ao invés de aparecer esse div, aparecer um campo de texto no formulário?

A idéia é o seguinte: eu tenho um formulário com um select de profissões. Se a pessoa clicar na opção OUTRA, teria que aparecer um campo de texto para ela escrever qual.

Eu acho que é mais ou menos parecido com isso aí, mas como sou meio pata em javascript , preciso de ajuda.... Please????

Bjs!

[bimonti]

Tem sim !

Faz assim, siga as instruções de pesca!

Primeiro você resgata o valor do Select toda vez que ele alterar, ou seja, no evento onChange, então é só colocar uma função pra testar o valor no determinado evento.

<select atrb.. onChance="prof(this.value);">

Com isso você já resgatou o valor a cada mudança e passou pra função prof(), então é só criá-la.

O Objetivo da função é claro, ver se o valor da função é igual a outra pra mostrar o campo.

function prof(valor){
if(valor == "Outra"){
//mostra campo
}
else{
//esconde campo
}
}

Simprão assim mesmo. Vou deixar com você a parte de colocar o campo na página, depende da forma como você trabalha. O comum é colocar o campo na página e deixá-lo oculto (hidden), e pra exibir mudar o display. Eu por outro lado faria diferente, cabe a cada um a escolha.

T+

[Ju Vargas]

Eu tentei, mas não funciona....

<script>	
function qual(campo,valor) {
	if(valor == "OUTRO"){
	 campo.style.display = "inline";
	}else{
	 campo.style.display = "none";
	}
}
</script>


Profissão:<br>


<select name="CARGO" id="CARGO" onChance="qual('qualcargo',this.id);" >
<option value="0" selected>Escolha o cargo</option>

			<?php
$cargo['COMERCIANTE']="Comerciante";			
$cargo['EMPRESARIO']="Empresário/Presidente/Vice-Presidente/Diretor";
$cargo['AUTONOMO']="Autônomo/Profissional Liberal/Consultor";
$cargo['EXECUTIVO_PRIVADO']="Executivo do Setor Privado";	
$cargo['EXECUTIVO_PUBLICO']="Executivo do Setor Público";			
$cargo['SAUDE']="Médico/Dentista/Profissional de Saúde";
$cargo['ENGENHEIRO']="Engenheiro/Designer/Arquiteto/Projetista";
$cargo['APOSENTADO']="Aposentado";
$cargo['ESTUDANTE']="Estudante/Estagiário/Trainee";
$cargo['DO_LAR']="Dona de Casa";
$cargo['DESEMPREGADO']="Desempregado";
$cargo['OUTRO']="Outro";
					foreach($cargo as $chave => $valor) {
					if(isset($line[CARGO]))
					{
						if($chave==$line[CARGO]) $escolhido="selected";
						else $escolhido="";
					}
					print "<option value=\"$chave\" $escolhido>$valor</option>\n";
				}
			?>

		</select> 

<div id="qualcargo" style="display: none;">Qual? <input name="CARGO_QUAL" type="text" class="campoform" style="width:100px;" maxlength="20"></div>

[bimonti]

Eu acho que só isso bastaria:

function qual(campo,valor){
var campo = document.getElementById(campo);
	if(valor == "OUTRO"){
	 campo.style.display = "inline";
	}else{
	 campo.style.display = "none";
	}
}

[paulojrpb_php]

Galerianh.. eu pertubando d novo!!!

Tudo aí em cima é minha idéia*, porém dessa vez não tenho conseguido resolver!

É q ao invés de um checkbox, eu quero é num link normalmente.. o mesmo efeito q pedi a cima, mas dessa vez um link chamaria o evento..
Ainda num consegui.. tá dando pau! Alguém tem uma idéia? Sei q é possível, mas num consegui ainda! Nem lembro onde encontrar em algum site. Aguardo aí galera.. vlw!

* Que tentei usar fazendo umas alterações mas num deu!

[bimonti]

Acho que não é necessário modificar nada na função, é só colocar um onClick na tag "a" do link, e se quiser que ele não siga para nenhuma página coloque uma ancora falsa (href="#") ou anule a navegação com javascript (href="void(0);") ... veja se funciona ae ..

[paulojrpb_php]

Mas meu chapa bimonti

O JavaScript verifica se o check box tá marcado, e agora eu num tenho mais check box, seria só um link...
Então num funfa...

Como eu faria essa verificação pro link?

Vlw .. abços