Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 21
Sexo: Masculino

Fazer campos aparecerem ao selecionar uma opção

22-07-2011 22:45

Não to conseguindo fazer com que os campos apareçam quando o usuario selecionar uma opção!

<?php session_start(); ?> <head> <link href="css/estilo.css" rel="stylesheet" type="text/css" /> </head> <form action="plano.php" method="post" name="plano"> <?php if($_SESSION["erro"]=="vazio") echo"<div class='atencao'>Por favor escolha um dos planos abaixo!</div>"; ?> <input type="radio" name="plano" value="plan1" id="p1" onclick="desabilitar()"> Plano 1 <br> <label id="produto_nome" style="display:none;">*Nome do produto:</label><input name="nome_produto" id="nome_produto" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_preco" style="display:none;">*Preco:</label><input name="preco_produto" id="preco_produto" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_descricao" style="display:none;">*Descricao:</label><input name="descricao_produto" id="descricao_produto" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_tags" style="display:none;">Tags:</label><input name="tags_produto" id="tags_produto" type="text" style="display:none;" value="" size="" maxlength=""> <br> <input type="radio" name="plano" value="plan2" id="p2" onclick="desabilitar()"> Plano 2 <br> <label id="produto_nome2" style="display:none;">*Nome do produto:</label><input name="nome_produto2" id="nome_produto2" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_preco2" style="display:none;">*Preco:</label><input name="preco_produto2" id="preco_produto2" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_descricao2" style="display:none;">*Descricao:</label><input name="descricao_produto2" id="descricao_produto2" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_tags2" style="display:none;">Tags:</label><input name="tags_produto2" id="tags_produto2" type="text" style="display:none;" value="" size="" maxlength=""> <br> <input type="radio" name="plano" value="plan3" id="p3" onclick="desabilitar()"> Plano 3 <br> <label id="produto_nome3" style="display:none;">*Nome do produto:</label><input name="nome_produto3" id="nome_produto3" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_preco3" style="display:none;">*Preco:</label><input name="preco_produto3" id="preco_produto3" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_descricao3" style="display:none;">*Descricao:</label><input name="descricao_produto3" id="descricao_produto3" type="text" style="display:none;" value="" size="" maxlength=""> <br> <label id="produto_tags3" style="display:none;">Tags:</label><input name="tags_produto3" id="tags_produto3" type="text" style="display:none;" value="" size="" maxlength=""> <br> <input type="submit" value="Escolher!" id="botao" disabled="true"> </form>   <script> function desabilitar(){        if(document.plano.plano.checked==false){        document.getElementById('botao').disabled = true;       }       else{          document.getElementById('botao').disabled = false;                  if(document.plano.plano.value=="plan1"){                   document.plano.getElementById("produto_nome").style.display = "block";                   document.plano.getElementById("produto_preco").style.display = "block";                   document.plano.getElementById("produto_descricao").style.display = "block";                   document.plano.getElementById("produto_tags").style.display = "block";                                     document.plano.nome_produto.style.display = "block";                   document.plano.preco_produto.style.display = "block";                   document.plano.descricao_produto.style.display = "block";                   document.plano.tags_produto.style.display = "block";                                     document.plano.getElementById("produto_nome2").style.display = "none";                   document.plano.getElementById("produto_preco2").style.display = "none";                   document.plano.getElementById("produto_descricao2").style.display = "none";                   document.plano.getElementById("produto_tags2").style.display = "none";                                     document.plano.nome_produto2.style.display = "none";                   document.plano.preco_produto2.style.display = "none";                   document.plano.descricao_produto2.style.display = "none";                   document.plano.tags_produto2.style.display = "none";                                     document.plano.getElementById("produto_nome3").style.display = "none";                   document.plano.getElementById("produto_preco3").style.display = "none";                   document.plano.getElementById("produto_descricao3").style.display = "none";                   document.plano.getElementById("produto_tags3").style.display = "none";                                     document.plano.nome_produto3.style.display = "none";                   document.plano.preco_produto3.style.display = "none";                   document.plano.descricao_produto3.style.display = "none";                   document.plano.tags_produto3.style.display = "none";                  }                  if(document.plano.plano.value=="plan2"){                   document.plano.getElementById("produto_nome2").style.display = "block";                   document.plano.getElementById("produto_preco2").style.display = "block";                   document.plano.getElementById("produto_descricao2").style.display = "block";                   document.plano.getElementById("produto_tags2").style.display = "block";                                     document.plano.nome_produto2.style.display = "block";                   document.plano.preco_produto2.style.display = "block";                   document.plano.descricao_produto2.style.display = "block";                   document.plano.tags_produto2.style.display = "block";                                     document.plano.getElementById("produto_nome").style.display = "none";                   document.plano.getElementById("produto_preco").style.display = "none";                   document.plano.getElementById("produto_descricao").style.display = "none";                   document.plano.getElementById("produto_tags").style.display = "none";                                     document.plano.nome_produto.style.display = "none";                   document.plano.preco_produto.style.display = "none";                   document.plano.descricao_produto.style.display = "none";                   document.plano.tags_produto.style.display = "none";                                     document.plano.getElementById("produto_nome3").style.display = "none";                   document.plano.getElementById("produto_preco3").style.display = "none";                   document.plano.getElementById("produto_descricao3").style.display = "none";                   document.plano.getElementById("produto_tags3").style.display = "none";                                     document.plano.nome_produto3.style.display = "none";                   document.plano.preco_produto3.style.display = "none";                   document.plano.descricao_produto3.style.display = "none";                   document.plano.tags_produto3.style.display = "none";                  }                  if(document.plano.plano.value=="plan3"){                   document.plano.getElementById("produto_nome3").style.display = "block";                   document.plano.getElementById("produto_preco3").style.display = "block";                   document.plano.getElementById("produto_descricao3").style.display = "block";                   document.plano.getElementById("produto_tags3").style.display = "block";                                     document.plano.nome_produto3.style.display = "block";                   document.plano.preco_produto3.style.display = "block";                   document.plano.descricao_produto3.style.display = "block";                   document.plano.tags_produto3.style.display = "block";                                     document.plano.getElementById("produto_nome2").style.display = "none";                   document.plano.getElementById("produto_preco2").style.display = "none";                   document.plano.getElementById("produto_descricao2").style.display = "none";                   document.plano.getElementById("produto_tags2").style.display = "none";                                     document.plano.nome_produto2.style.display = "none";                   document.plano.preco_produto2.style.display = "none";                   document.plano.descricao_produto2.style.display = "none";                   document.plano.tags_produto2.style.display = "none";                                     document.plano.getElementById("produto_nome").style.display = "none";                   document.plano.getElementById("produto_preco").style.display = "none";                   document.plano.getElementById("produto_descricao").style.display = "none";                   document.plano.getElementById("produto_tags").style.display = "none";                                     document.plano.nome_produto.style.display = "none";                   document.plano.preco_produto.style.display = "none";                   document.plano.descricao_produto.style.display = "none";                   document.plano.tags_produto.style.display = "none";                  }       } } </script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17609
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Fazer campos aparecerem ao selecionar uma opção

22-07-2011 22:49

Dá uma olhada nesse script abaixo
Input-radio-para-mostrar-ou-esconder-campos_3_1338.html

Se baseia nesse
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 21
Sexo: Masculino

Fazer campos aparecerem ao selecionar uma opção

22-07-2011 22:54

Ok! Muito obrigado! Mas o jeito que eu quero fazer é um pouco diferente! Não quero passar um parâmetro para a função e sim utilizar o elemento "value" do form, como parâmetro para comparacao! Se puder me ajudar ficarei agradecido!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17609
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Fazer campos aparecerem ao selecionar uma opção

22-07-2011 23:04

O value do input radio e da função sai na mesma na minha opinião. Porque quer usar o value?

Nesse caso, é essencial passar o valor do objeto que está chamando a função, seja por valor escrito na função, ou pelo this.value, para a comparação. Caso contrário fica difícil identificar no script de validação o objeto.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 21
Sexo: Masculino

Fazer campos aparecerem ao selecionar uma opção

22-07-2011 23:59

Então, eu estou usando o this.value! E porque usar o value? Porque eu quero fazer isso de uma forma diferente, não queria fazer isso passando argumento para a função! Se puder ajudar agradeço!
0
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 21
Sexo: Masculino

Fazer campos aparecerem ao selecionar uma opção

23-07-2011 00:27

Já consegui resolver! Abrss
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17609
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Fazer campos aparecerem ao selecionar uma opção

23-07-2011 11:28

Boa.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]