Jump to content

  2. →
  3. →

Photo

Exibir Campo Oculto De Formulario

Started By lone, 23/08/2004, 16:46

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

#1 lone

lone

    Turista

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

Posted 23/08/2004, 16:46

Pessoal gostaria de saber como exibir um campo oculto de formulario ao selecionar um radio buton, ou seja se a opção for sim ele mostra o campo oculto se for não ela passa para o proximo campo do form.
Não tenho a minima ideia de onde começar, agradeço a ajuda.
O homem sabio compartilha o que sabe, o tolo leva o conhecimento para o esquecimento.

#2 CrAsh_OveRride

CrAsh_OveRride

    [Morbidamente curioso]

  • Usuários
  • 790 posts
  • Sexo:Masculino
  • Localidade:Viçosa

Posted 23/08/2004, 17:04

Pessoal gostaria de saber como exibir um campo oculto de formulario ao selecionar um radio buton, ou seja se a opção for sim ele mostra o campo oculto se for não ela passa para o proximo campo do form.
Não tenho a minima ideia de onde começar, agradeço a ajuda.

Eu só consegui se você utilizar o style="visibility:hidden;"... com o style="hidden" nao funciona....

ve ae:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript">
function hugo() {
		document.form.hugo.style.visibility = "visible";
}
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form action="" method="post" name="form" id="form">
  <input style="visibility:hidden;" name="hugo">
&nbsp;&nbsp; <a href="javascript:hugo();">link</a></form>
</body>
</html>

←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←
"Não sabendo que era impossível, foi lá e fez!"
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←

#3 lone

lone

    Turista

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

Posted 23/08/2004, 19:30

Pessoal gostaria de saber como exibir um campo oculto de formulario ao selecionar um radio buton, ou seja se a opção for sim ele mostra o campo oculto se for não ela passa para o proximo campo do form.
Não tenho a minima ideia de onde começar, agradeço a ajuda.

Eu só consegui se você utilizar o style="visibility:hidden;"... com o style="hidden" nao funciona....

ve ae:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript">
function hugo() {
		document.form.hugo.style.visibility = "visible";
}
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form action="" method="post" name="form" id="form">
  <input style="visibility:hidden;" name="hugo">
&nbsp;&nbsp; <a href="javascript:hugo();">link</a></form>
</body>
</html>

Cara a logica que preciso é essa mesmo agora tem como fazer com um radio button, ou seja se o radio for selecionado ele mostra o campo seguinte se não for selecionado o campo permanece oculto?
O homem sabio compartilha o que sabe, o tolo leva o conhecimento para o esquecimento.

#4 CrAsh_OveRride

CrAsh_OveRride

    [Morbidamente curioso]

  • Usuários
  • 790 posts
  • Sexo:Masculino
  • Localidade:Viçosa

Posted 23/08/2004, 19:33

Pessoal gostaria de saber como exibir um campo oculto de formulario ao selecionar um radio buton, ou seja se a opção for sim ele mostra o campo oculto se for não ela passa para o proximo campo do form.
Não tenho a minima ideia de onde começar, agradeço a ajuda.

Eu só consegui se você utilizar o style="visibility:hidden;"... com o style="hidden" nao funciona....

ve ae:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript">
function hugo() {
		document.form.hugo.style.visibility = "visible";
}
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form action="" method="post" name="form" id="form">
  <input style="visibility:hidden;" name="hugo">
&nbsp;&nbsp; <a href="javascript:hugo();">link</a></form>
</body>
</html>

Cara a logica que preciso é essa mesmo agora tem como fazer com um radio button, ou seja se o radio for selecionado ele mostra o campo seguinte se não for selecionado o campo permanece oculto?

ponha o comando do link no OnClick do radio ;)

<input type=radio OnClick="java script:hugo();">


[]'s
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←
"Não sabendo que era impossível, foi lá e fez!"
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←

#5 lone

lone

    Turista

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

Posted 23/08/2004, 20:08

Cara desculpe minha ineficacia mas do jeito que fiz esta dando erro e não mostra o campo

<html>
<head>
<title></title>
<script language="javascript">
function hugo() {
document.form.hugo.style.visibility = "visible";
}
</script>
</head>
<body>

<form action="" method="post" name="form" id="form">
<input type = radio Onclick ="javascript:hugo();">
<input style="visibility:hidden;" name="hugo">
</form>

</body>
</html>

O homem sabio compartilha o que sabe, o tolo leva o conhecimento para o esquecimento.

#6 CrAsh_OveRride

CrAsh_OveRride

    [Morbidamente curioso]

  • Usuários
  • 790 posts
  • Sexo:Masculino
  • Localidade:Viçosa

Posted 23/08/2004, 20:38

Kara, realmente... ae vai o codigo funcionando:

<html>
<head>
<title></title>
<script language="javascript">
function hugo() {
document.form.hugo.style.visibility = "visible";
}
</script>
</head>
<body>
<form action="" method="post" name="form" id="form">
<input type="text" style="visibility:hidden;" name="hugo"> 
</form>
<input name="radiobutton" type="radio" value="radiobutton" onClick="javascript:hugo();" >
</body>
</html>

muito sem noção... só funciona se o radio estiver fora do form q tá a input... nao entendi porque nao.... Vo perguntar pro Klaus que ele é fera em JS :)

[]'s

Edição feita por: CrAsh_OveRride, 23/08/2004, 20:39.

←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←
"Não sabendo que era impossível, foi lá e fez!"
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←

#7 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 24/08/2004, 07:57

<form name="sample">
  <input type="checkbox" name="exemplo" onclick="Mostra_Esconde(this);" />Mostrar<br />
  <input type="text" name="field" style="display: none;" />
</form>

<script language="javascript">

  function Mostra_Esconde (check) {

    document.sample.field.style.display = ((check.checked) ? "" : "none");

  }

</script>


Assim?
Klaus Paiva
Conheça também: Taperás

#8 CrAsh_OveRride

CrAsh_OveRride

    [Morbidamente curioso]

  • Usuários
  • 790 posts
  • Sexo:Masculino
  • Localidade:Viçosa

Posted 24/08/2004, 12:51

É, do jeito do Klaus funciona....
só alterei a check pra radio...

<form name="sample">
  <input type="radio" name="exemplo" onclick="Mostra_Esconde(this);" />Mostrar<br />
  <input type="text" name="field" style="display: none;" />
</form>

<script language="javascript">

  function Mostra_Esconde (check) {

    document.sample.field.style.display = ((check.checked) ? "" : "none");

  }

</script>

mas ainda to encucado com o problema do q eu tinha feito.... vc sabe poruqe ta dando akele problema, Klaus?^??

[]'s
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←
"Não sabendo que era impossível, foi lá e fez!"
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←

#9 lone

lone

    Turista

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

Posted 24/08/2004, 15:29

Po galera voceis são ninjas mesmo, valeu pela força tanto ao CrAsh_OveRride como ao Klaus, brigadão :D
O homem sabio compartilha o que sabe, o tolo leva o conhecimento para o esquecimento.

#10 CrAsh_OveRride

CrAsh_OveRride

    [Morbidamente curioso]

  • Usuários
  • 790 posts
  • Sexo:Masculino
  • Localidade:Viçosa

Posted 24/08/2004, 15:55

Po galera voceis são ninjas mesmo, valeu pela força tanto ao CrAsh_OveRride como ao Klaus, brigadão :D

:D (y) !!! precisando é só gritar! :)

[]'s
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←
"Não sabendo que era impossível, foi lá e fez!"
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←

#11 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 24/08/2004, 20:10

mas ainda to encucado com o problema do q eu tinha feito.... vc sabe poruqe ta dando akele problema, Klaus?^??

Não funciona por dois motivos... :D

1- Radio Buttons não seria o ideal para esta solução, pois ele, sozinho, não é deselecionável...

2- No seu código, tu manda o objeto ficar visível, perfeito... Mas tu não colocou nenhuma ação para ele voltar a ser invisível...
Klaus Paiva
Conheça também: Taperás

#12 CrAsh_OveRride

CrAsh_OveRride

    [Morbidamente curioso]

  • Usuários
  • 790 posts
  • Sexo:Masculino
  • Localidade:Viçosa

Posted 24/08/2004, 23:11

mas ainda to encucado com o problema do q eu tinha feito....  vc sabe poruqe ta dando akele problema, Klaus?^??

Não funciona por dois motivos... :D

1- Radio Buttons não seria o ideal para esta solução, pois ele, sozinho, não é deselecionável...

2- No seu código, tu manda o objeto ficar visível, perfeito... Mas tu não colocou nenhuma ação para ele voltar a ser invisível...

Nao velho, voce nao entendeu.... Eu si que no caso que o kara ker, com o radio, nao vai ter como ele fazer o input voltar a ficar visivel, ele nem pediu isso :D

O problma no meu code é que se a tag <input type="radio"> estiver dentro de <form></form> NAO FUNCIONA! isso que eu achei exquisito d+... testa ae:

FUNCIONA:
<html>
<head>
<title></title>
<script language="javascript">
function hugo() {
document.form.hugo.style.visibility = "visible";
}
</script>
</head>
<body>
<form action="" method="post" name="form" id="form">
<input type="text" style="visibility:hidden;" name="hugo"> 
</form>
<input name="radiobutton" type="radio" value="radiobutton" onClick="javascript:hugo();" >
</body>
</html>

NAO FUNCIONA:
<html>
<head>
<title></title>
<script language="javascript">
function hugo() {
document.form.hugo.style.visibility = "visible";
}
</script>
</head>
<body>
<form action="" method="post" name="form" id="form">
<input name="radiobutton" type="radio" value="radiobutton" onClick="javascript:hugo();" >
<input type="text" style="visibility:hidden;" name="hugo"> 
</form>
</body>
</html>

Vlw klaus! []'s
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←
"Não sabendo que era impossível, foi lá e fez!"
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←

#13 RonsisM

RonsisM

    Super Veterano

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

Posted 17/09/2017, 15:59

Plavix Discount Canada1 Mg Prednisone No Scrip cialis Propecia Nioxin Scalp Therapy Viagra Sildenafil Precio Doxycycline Can I Purchase Propecia Effects Shedding cialis Propecia Insulina
For Sale Acticin 30gm Free Shipping buy cialis Kamagra Gelatina Orale 10
Baclofen Swelling Amoxicillin Allergy
Propecia Aumento Libido <a href=http://cialtobuy.com>cialis buy online</a> Algodones Pharmacies
Rx Pharmacy viagra cialis Buy Tamoxifen No Prescription Uk
Viagra Cheap Prices
Propecia On Sale Pharmacy <a href=http://cialtobuy.com>online pharmacy</a> Cialis Generico E Originale

#14 RonsisM

RonsisM

    Super Veterano

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

Posted 03/10/2017, 20:45

buy generic accutane no prescription Zithromax Z Pak Cost Comprar Cialis Cuiaba viagra Sildenafil100mg Meds Without Perscription Cheap Propecia Generic

#15 RonsisM

RonsisM

    Super Veterano

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

Posted 12/10/2017, 23:45

Xenical 120 Mg Price Uk generic cialis Priligy Europe
Cialis Venta Madrid Generic Levaquin eastern canada pharmacy for levitra Propecia Precio Venta Publico Cheap Viagra Sales
Keflex Pulv Cialis Nota 75 viagra Buy Tamoxifen Australia
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

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

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq