Jump to content


Photo

Mostrar-esconder Text Field


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

#1 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 17/02/2005, 23:15

tipo assim ... quero 2 radio buttons para optar

e dois campos textos só que estes campos textos estariam com
visibilidade = hidden.

Quero através das opções de radio mostra um text field.

mas caso eu troque de opção no radio ele mostre outro text field, ao mesmo tempo ocultando o anterior e vice-versa ... deu pra sacar ...?

porém tem um porém maior.

este que ficou oculto deve ficar desativado, para caso ele tenha algum tipo de verificação para envio, seja ignorado, pois oculto não quer dizer que não exista ...hehe

o meu caso é que quero habilitar um campo no form para pessoa física
e outro para jurídica, sendo assim ambos são importantes.

mas se eu for pessoa física e for enviar o form, sem o campo que fiz aparecer, em branco o form não vai.

e se for ao contrário tbm.

daí que falo que se ocultar apenas não vai adiantar, pois oque ficar oculto deve passar pelo pente fino de verificação do envio sacaou ??

compliquei neh..

mas ...

tipo tentei isso para ocultar apenas ... mas nem de perto funcionou ..heheh
tbm podera, não sei xxxxxx nenhuma ... sou um aprendiz de feiticeiro ainda.

funções

<script type="text/javascript">

function esconder(elem){
obj = document.getElementById(elem);
if (obj.style.visibility=="visible")
obj.style.visibility = "hidden";
}

function mostra(elem){
if (obj.style.visibility=="hidden")
obj.style.visibility = "visible"; 
}

</script>

<form>

<input type="radio" name="tipo" value="Pessoa Física" onclick="if (this.checked) 
{ mostra('caixa_texto_1') }else{ esconde('caixa_texto_1')}"> 

<input id="caixa_texto_1" type="text" style="width: 185; height: 22; visibility: hidden" size="20" >

<input type="radio" name="tipo" value="Pessoa Jurídica" onclick="if (this.checked){ mostra('caixa_texto_2') }else{ esconde('caixa_texto_2')} ">

<input id="caixa_texto_2" type="text" style="width: 185; height: 22; visibility: hidden" size="20" >

</form>

da para fazer o que eu queria ??

do ..

checou um radio = mostra e habilita para envio um text field e ao mesmo tempo esconde e desabilita para envio o outro e vice versa com o outro radio.

uma opção seria tbm fazer dois forms diferentes e dependedno do radio oculta um e mostra o outro, ms tem que rolar o desabilitar tbm, por causa da confirmação de campos np envio.

(y)Até mais

#2 Boxer

Boxer

    Ativo

  • Usuários
  • 304 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 18/02/2005, 07:59

Bom Dia Crab_

Olha só....
Criei isso aki e já está desabilitando e habilitando os campos:


Javascript

<script type="text/javascript">

function pf(){
document.form.pfisica.style.visibility='visible';
document.form.pjuridica.style.visibility='hidden';
}
function pj(){
document.form.pjuridica.style.visibility='visible';
document.form.pfisica.style.visibility='hidden';
}

</script>


E no corpo:


<form name="form" method="get" action="pagina.php">

<input type="radio" name="tipo" id="fisica" value="fisica" onClick="pf()">

<input name="pfisica" id="pfisica" type="text" style="width: 185; height: 22; visibility: hidden" size="20">

<input type="radio" name="tipo" id="juridica" value="juridica" onClick="pj()">

<input name="pjuridica" id="pjuridica" type="text" style="width: 185; height: 22; visibility: hidden" size="20" >

</form>


Agora só falta o esquema de "Desativar" os campos...
Vou dar mais uma lida no q vc escreveu e tentar entender melhor, ok?

Abraços!!! (y)
"O único lugar, no mundo, onde o sucesso vem antes do trabalho, é no dicionário"

#3 Boxer

Boxer

    Ativo

  • Usuários
  • 304 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 18/02/2005, 08:02

Crab_

Q tipo de verificação seriam efetuadas nos campos?

Estamos aí... (y)
"O único lugar, no mundo, onde o sucesso vem antes do trabalho, é no dicionário"

#4 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 18/02/2005, 11:52

Opa blz... as verificações seria de se estão vazias ou não as entradas.

Pois queria saber se estiver desativado um campo ele é ignorado pela validação do envio do form.????

Pois se nãop for ignorado acho que nem adiantaria desabilitar...

Mas vamos continuar este tópico sim,,, valeu pele atenção,,,


Vou testar lá e ver se tá funfando aqui.

To be continued...

(y) Até mais

#5 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 20/02/2005, 02:47

opa ... da tua forma funcionou sim e eu acrescentei o desabilitador.

Não sei se faz alguma diferença desabilitar ... já que estou ocultando ...

ea mais pra saber se desabilitado um script de validação ignora o campo.

uka function de validação de form ... Ignora o campo desabilitado ?????

bom .. acrescentando o esquema para desabilitar ficou assim:


<!--
function pf(){
document.form.razao.style.visibility='hidden';
document.form.cnpj.style.visibility='hidden';
document.form.cpf.style.visibility='visible';
document.form.razao.disabled = true
document.form.cnpj.disabled = true; 
document.form.cpf.disabled = false;
}

function pj(){
document.form.razao.style.visibility='visible';
document.form.cnpj.style.visibility='visible';
document.form.cpf.style.visibility='hidden';
document.form.razao.disabled = false
document.form.cnpj.disabled = false 
document.form.cpf.disabled = true;
}

//-->
</script>


E o form como vc indicou acima no outro post seu.

Só acrecentei algo a função.

Mas se alguém souber se um campo desabilitado é ignorado numa função de validação eu agradeço.

Pois se ele apenas desabilitou mas não vai ser ignorado ... o seu value será vazio, e numa validação de campos obrigat´rios para preenchimento causará o conflito como já havia mencionado.

Mas se o campo desabilitado for ignorado ... pra mim seria show levando em conta o esquema que estou montando.

Valeu e agradeço desde já galera.

(y)Até mais

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 20/02/2005, 09:48

a validação não vai ignorar.. vc está verificando pelo nome do campo certo? então se ele existir na pagina e estiver vazio.. ele vai dar o alerta...
como vc está fazendo para validar?

vc pode verificar se um dos dois campos está vazio...

document.form.campo1.value=="" && document.form.campo2.value==""

(y)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 20/02/2005, 20:09

Para validar eu estou recebendo os valores numa outra página em PHP.

Faço a verificação com a Estrtura de Controle Condicional if e else e já era.

Um cara aí muto cabeça no lance me mostrou forma correta de validar o s campos de acordo com o radio clicado, através do php.

Tipo o cara clica num radio então os campos que aparecer vão ser verificados

se clicar no outro, os outros campos referentes a ele serão verificados.

Na verdade todos os valores serão pegos na outra página, o ocultar foi mais pra ficar bonitinho.

Na verificação eu pelo if e else envio pro db

if radio1
vai pra tabela tal
else
pra tabela tal2

Quem me ajudou firme com a verficação foi o Justice ... modera de PHP.


Se quiserem ver um exemplo do lance funcionando 100% tá aí o link:

DivHide by Crab && Verify-DivHide by Justice && InicitiveDivHide by WMO SEARCH


(y)Até mais

#8 AT-Kyo|Dark

AT-Kyo|Dark

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 10/03/2005, 09:32

Em vez de utilizar o <input>, teria como utilizar <textarea>??

#9 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 10/03/2005, 21:06

sim..
é a mesma coisa, vc só vai trocar o tipo do campo.. que vai passar a ser um textarea. .
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#10 HaroNism

HaroNism

    Super Veterano

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

Posted 27/09/2017, 17:58

Can A Dog Take Amoxicillin cialis Acheter Kamagra 100mg France Buy Plavix From Canada
Propecia Merck Online Buy Prix Cialis Maroc online pharmacy Feline Dosage For Amoxicillin

#11 HaroNism

HaroNism

    Super Veterano

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

Posted 09/10/2017, 16:07

Propecia En Perros Where To Buy Tretinoin Uk Prevacid Solutab Discount buy levitra safely from canada Canadian Pharmacy Buy Online Ed Pills Propecia Repousse The Least Expensive Cialis
Order Plavix Online Canada only here what is levitra Cuanto Vale Cialis Cialis 10mg Doctissimo Tamsulosin 0.4mg
No Prescription Prednisone online pharmacy Zithromax Where Can I Buy

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 09/10/2017, 23:07

Viagra Kamagra Gut canadian levitra Comprar Viagra Sin Receta En Farmacia
Xenical 120 Mg For Sale viagra Buy Vigor Ap 800 Amoxil Twice Daily Dosing Keflex To Lower Blood Sugar
Buy Cheap Antabuse Online Cialis Ou Viagra Prix viagra Viagra E xxxxxx
Cialis Dove Acquistarlo Forum Diabete Viagra sildenafil tadalafil and vardenafil Cat And Amoxicillin 3 Hours Early Propecia Information Leaflet
Stendra Purchase Next Day Delivery generic viagra Propecia Significa Bueno

#13 HaroNism

HaroNism

    Super Veterano

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

Posted 25/10/2017, 04:28

Alcohol Y Viagra Cialis Generique Fr viagra online Cialis Super Active Plus Reviews Priligy Pas Cher Generique Levitra Moins Cher
Buying Viagra In The Caribbean Comprar Cialis Barato Sin Receta online pharmacy Cialis 2.5 Canada
Home Remedies For Erection viagra Quien Vende Cialis

#14 HaroNism

HaroNism

    Super Veterano

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

Posted 05/11/2017, 18:14

Sildenafil Citrate 100mg Pills Baclofene Achat En Ligne Quel Site Acheter Cialis viagra Priligy Sicher Kaufen
Tadalafil 40 Online Kaufen levitra generico prezzo 60 Mg Xenical Weightcheaphonk Kong Amoxicillin Herbal
Formula De Kamagra Propecia Alternative In Deutschland Discount For Sale Amoxicilina Germany Best Website Free Shipping viagra vs cialis vs levitra Cheapest Viagra Pills For Sale Amoxicillin Use For Metronidazole Czech Republic

#15 HaroNism

HaroNism

    Super Veterano

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

Posted 05/12/2017, 07:36

Cialis E Risultati Expert Clinic Cialis Amoxil Dogs 40 mg levitra pills on line for sale Immagini Kamagra Buy Amoxicillin Antibodics Online Nolvadex Forum
Cialis Viagralevitra Buy Effexor Canada Online viagra online Liquid Clomid For Sale Cialis In Spain




0 user(s) are reading this topic

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

IPB Skin By Virteq