Codeigniter + PHP - Habilitar e Desabilitar DIV's

[violin101 0]

Caros amigos, saudações...

 

estou com um problema que estou quebrando a cabeça para solucionar, mas não estou conseguindo.

 

Tenho um formulário que utilizo para Cadastrar Fornecedores. 

 

Deixei no formulário a opção de escolher Pessoa Física e Pessoa Jurídica.

quando o usuário escolher uma das opções criei 2 div's.

 

DIV-1 - com campos de CPF e RG

DIV-2 - com campos de CNPJ e Inscrição Estadual

 

Minha dúvida:

como faço via JavaScript, para habilitar as DIV's com seu campos para serem preenchidos ?

 

Grato,

 

Cesar

 

[Omar~ 87]

Você pode está usando só HTML e CSS para algo tão simples

Veja:

Spoiler

<style>
    /* Só por questão estética do exemplo */
    input[type=text]{padding:.75rem;width: 49%}
    .botao_selecionar{padding:.5rem 1rem;color:#fff;background-color:#ccc;cursor:pointer}
    
    /* Esconde os inputs e os divisores */
    #fisica, #juridica,
    #dados-fisica, #dados-juridica {
        display: none
    }
    /* Quando marcado algum input mostra o seu correpondente */
    #fisica:checked ~ #dados-fisica,
    #juridica:checked ~ #dados-juridica {
        display: block
    }
</style>

<input type="radio" name="tipo" value="1" id="fisica" checked="" />
<input type="radio" name="tipo" value="2" id="juridica" />

<p>Cadastrar que tipo?</p>
<label for="fisica" class="botao_selecionar">Pessoa Física</label> |
<label for="juridica" class="botao_selecionar">Pessoa Jurídica</label>

<hr />

<div id="dados-fisica">
    <p>Aqui você coloca todos inputs para pessoa física</p>
    <input type="text" name="exemplo_a" placeholder="algum dado para pesso física"/>
    <input type="text" name="exemplo_a_b" placeholder="algum dado para pesso física"/>
</div>

<div id="dados-juridica">
    <p>Aqui você coloca todos inputs para pessoa juridica</p>
    <input type="text" name="exemplo_b" placeholder="algum dado para pesso jurídica"/>
    <input type="text" name="exemplo_b_b" placeholder="algum dado para pesso jurídica"/>
</div>

 

 

Agora ao caso do php...

Perceba que a tag <input> radio possui o name['tipo'] então esse dado deve se verificado quando o formulário for submetido.

Quando o tipo for 1 você só irá processar dados de post contido na tag <div> que foi mostrada ignorando os dados de input da outra, fazendo o mesmo mais ao inverso quando o tipo for 2.

 

Pois quando o formulário for submetido todos os dados serão enviados, mas usando esse truque você pode saber qual foi o modelo da postagem.

[jrdesign 0]

OLÁ,TUDO BEM? O MEU HTML ESTÁ ASSIM. VEJA ABAIXO. ERA PRA ME ENVIAR UM EMAIL COM OS DADOS PREENCHIDOS E LIVERAR O DONLOAD, MAS NÃO CONSEGUI... O E-MAIL NÃO CHEGA, MAS PELO MENOS LIBERA O DOWNLOAD.

 

<div class="contact-form2">
                        <form method="post" action="baixa2.php" name="contatos" onSubmit="return Valida();">
                            <ul class="list-unstyled">
                                <p>
                                <input name="nome" required type="my_name"  class="textbox right" value="Nome" onfocus="if(this.value == 'Nome') this.value='';"></p>
                             
                            
                            
                                
                                <p>Formato Telefone: (xx)-xxxx-xxxx</p>
                                <p>
                                <input name="telefone" pattern="^\((\d{2})\)\s?(\d{4,5}\-?\d{4})$"  type="tel" required  class="textbox right" value="Telefone" onfocus="if(this.value == 'Telefone') this.value='';"></p>
                            
                             
                            
                                <p>
                                <input name="email"  type="email" required  class="textbox right" value="E-mail" onfocus="if(this.value == 'E-mail') this.value='';" onblur="if(this.value == '') this.value='E-mail';"></p>
                            
                            
                            
                            
                            
                            
                           
                                <? echo $statusde;?>
                             <p><input type="submit" class="fa-align-left" value="Enviar"></p>
                             <p><input type="hidden" name="send" value="true"></p>

         </ul>                      
      </form>

 

 

 

E O PHP ESTÁ ASSIM!!! 

 

 

<?php

if(@$_POST['send'] == "true"){ // Se o form nao for preenchido ele nao ira enviar o email>>>
// Aqui voce coloca o E-MAIL para onde sera enviado o EMAIL>>>>>>>>>
$destinatario = 'meuemail@meuemail.com.br';

//$destino ='meuemail@meuemail.com.br'; 
$nome = $_POST['nome'];
$telefone = $_POST['telefone'];
$email = $_POST['email'];

$headers  = "Content-Type: text/html; charset=iso-8859-1\n";
$headers .= "From: $destinatario - Baixou Cartálogo <meuemail@meuemail.com.br>\r\n"; // colocar o email da plocad.
$fonte = "<font size=\"-1\" face=\"Verdana, Arial, Helvetica, sans-serif\">";
$msg  = "$fonte Você recebeu um e-mail de: $email <br>";
$msg .= "<br> Nome: $nome <br> ";
$msg .= "<br> Telefone: $telefone ";
$msg .= "<br> E-mail: $email <br>";

$envia = mail("$destinatario", "$msg", "$headers");

if(@$_POST['send'] == "true"){

if($envia){

$statusde="<font color='#FF0000'> Aguarde o download iniciar!</font>";

}else{

$statusde="<font color='#FF0000'>Erro ao enviar, favor enviar novamente.</font>";

}

}

if($envia){

$statusde="<font color='#FF0000'>Aguarde o download iniciar!</font>";

}else{

$statusde="<font color='#FF0000'>Erro ao enviar, favor enviar novamente.</font>";

}

}
      
         if($envia) {
                            echo "Agradecemos seu contato, Ok para iniciar o Download!";
                            echo "<script>alert(\"Clique em OK para iniciar o Download!\")</script>";
                            echo "<script>window.location = \"1.pdf\"</script>";
                        }
                        else{/*seu ouve algum erro...*/
                            echo "<p><b>$nome</b><br />Ouve um erro no envio, desculpe-nos pelo transtorno!!!</p>";
                        }
                        
                

?>

 

 

 

Editado Setembro 7, 2020 por jrdesign
MAIS INF