Jump to content


Photo

Aparecer E Desaparecer Campo De Texto...


  • Faça o login para participar
12 replies to this topic

#1 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 15/04/2006, 21:29

Como que eu faço pra adicionar dentro de uma DIV um campo de formulário quando se assinala determinada opção de um radio button?

Nesse código:

<tr>
<td>
<strong>Email de Resposta </strong><br>
Atrav&eacute;s dessa op&ccedil;&atilde;o voc&ecirc; opta se deseja utilizar o seu e-mail de registro como endere&ccedil;o de remetente ou outro.</td>
<td>
N&atilde;o Alterar
<input type="radio" name="changemail" id="changemail" class="radio" value="no" checked>
&nbsp;&nbsp;&nbsp;
<input type="radio" name="changemail" id="changemail" class="radio" value="yes">
Alterar
</td>
</tr>

Quando se clica no radio de valor SIM apareceria o campo e se clicasse em NÃO ele sumia.

Eu sei que tem de usar getElementByID e o innerHTML, mas ainda não sei como, hehe

[]'s

#2 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 16/04/2006, 00:02

Eu montei um código para você, mas não utilizei radio. Utilizei checkbox. Acho que você vai gostar... olhe:

<INPUT name="alterar" TYPE="checkbox" id="alterar" onClick="document.all.mostraBox.style.display 
= (document.all.mostraBox.style.display == 'none') ? '' : 'none'" value="no">
	  Alterar e-mail.</p>
	<p>
	  <INPUT TYPE="TEXT" STYLE="display:none" ID="mostraBox" 
name="email" size=25>

flw Jackpot. ;)
Qualquer coisa, posta ae...
att,
Muller Dias
ex-administrador Fórum WMO

#3 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 16/04/2006, 09:38

Ajudou um pouco.
Com checkbox funciona, mas eu preciso que seja em radio.
Eu até tentei trocar mas daí pra fazer aparecer funciona, mas pra desaparecer não.

E dá pra empacotar em uma função?
Daí eu posso reutilizar o código.

[]'s

#4 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 16/04/2006, 19:20

Eu até consegui fazer com radio, mas 90% estava pronto e 10% estava com um pequeno probleminha...

Estava funcionando direito... quando eu clicava em SIM, o campo aparecia e quando eu clicava em NÃO, o campo sumia. Mas o problema é que quando eu clicava por exemplo em SIM e depois clicava fora do formulário e em seguida clicava em SIM de novo (onde já estava selecionado), o campo sumia... ou seja, os radios estavam funcionando que nem o checkbox.

Eu pensei em uma forma de consertar isso:
Quando selecionasse o radio SIM, ele poderia se travar e o radio NÃO, poderia ficar livre. Aí, caso a pessoa selecionasse o radio NÃO, o mesmo se travaria e o radio SIM se destravaria. Com certeza, você já deve ter visto em muitos sites.
Infelizmente, não sei como se faz isso.

Edição feita por: '' sem.Ponto, 16/04/2006, 19:22.

att,
Muller Dias
ex-administrador Fórum WMO

#5 edmais

edmais

    Just do it!

  • Usuários
  • 797 posts
  • Sexo:Não informado
  • Localidade:BH - MG

Posted 17/04/2006, 09:02

Veja se é isso o que quer:

<input type="radio" name="changemail" id="changemail" class="radio" value="no" checked onclick="_MostraCampo(false);">
&nbsp;&nbsp;&nbsp;
<input type="radio" name="changemail" id="changemail" class="radio" value="yes" onclick="_MostraCampo(true);">


Função:

function _MostraCampo(bool)
{

if (bool) {
document.getElementById("ID_DIV").style.display = "";
} else {
document.getElementById("ID_DIV").style.display = "none";
}

}

Eduardo Batista

#6 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 17/04/2006, 12:22

Do seu jeito funcionou edmais. Porém ele tá exibindo o campo assim que a página a carrega.
Depois de carregada, se eu clico no botão correspondente ao "no" desaparece.

Ele deve não aparecer de início. Aparecendo SÓ SE CLICAR

[]'s

#7 edmais

edmais

    Just do it!

  • Usuários
  • 797 posts
  • Sexo:Não informado
  • Localidade:BH - MG

Posted 17/04/2006, 13:19

Você quer que inicialmente ele não apareça neh?
Supondo que esse seu "campo" seja uma div, basta acrescentar o atributo style com:

<div style="display:none;"></div>

;)
Eduardo Batista

#8 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 17/04/2006, 17:23

Graaaaaaaaaande Ed!

Valeu cara. Certinho.

[]'s

#9 Paulo Freitas

Paulo Freitas

    ××××××× LRU #456504 ××××××× ××××××× LRM #364686 ×××××××

  • Ex-Admins
  • 5612 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP

Posted 18/04/2006, 01:00

Apenas um comentário. A propriedade display não possui valor nulo. Estes são os valores aceitos: CSS Display Property ;)

Neste caso (de apresentação normal do bloco), se não me engano seria inline. (y)

[]’s :DAté mais

#10 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 20/09/2017, 17:52

Cephalexin No Prescription Dogs cialis Priligy Precio En Colombia
Prix Du Cialis En Suisse
buy roche accutane online uk cialis Kamagra Discount Code

#11 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 20/09/2017, 22:59

Cialis Con Receta Medica cialis Cialis No Script Sin Receta Comprar Propecia Worldwide Dutasteride Amex Accepted Internet Tariffe Levitra In Farmacia Viagra Sur Internet Avis cialis Viagra Cheapest 100mg Soft
Cheapest Celais Made In Us cialis Medscom Bewertung
Viagra Cialis Levitra Generique Izotek From Canada
Cephalexin Gerd <a href=http://cialtobuy.com>cialis</a> Keflex 500 Mc Capsules

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/09/2017, 11:57

Viagara From India cialis online Doryx Apo Cialis Niedriger Blutdruck Livestock Erithromicin Tablets online pharmacy Keflex How Long Used For
Cialis Originale Online cialis Efectos Cialis 10 Mg
Painkillers Online Reasonable Drug Discounter
Kamagra Oral Jelly Online Australia <a href=http://cialtobuy.com>generic cialis</a> Koflet

#13 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/11/2017, 06:49

Keflex Vision Changes Vendita Cialis Italia Australia Pharmacy Domperidone viagra Generico Cialis Farmacia Viagra Acquisto Forum
Kamagra En Ligne Saint Best Site To Buy Periactins Online viagra prescription Belladonna Medication




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq