Formulario modal não abre

lizando · Novembro 28, 2020

Criei um formulario modal para editar dados. mas na hora de abrir ao clicar no butao aparece uma tela meia escura e sempre que atualizo o browser ele pisca.procurei verificar se dexei algum div aberto mas não vejo. O mesmo formulario noutromlugar abre sem problema.

Aqui deixo o codigo:

<?php
   if(isset($_GET['funcao']) == 'editar'){
       $id_usuario = $_GET['id'];

   //BUSCAR DADOS DO REGGISTRO A SER EDITADO
       $res = $pdo->query("select * from usuarios where id = '$id_usuario'");
       $dados = $res->fetchAll(PDO::FETCH_ASSOC);
       $nome_usuario = $dados[0]['nome'];
       $email_usuario = $dados[0]['usuario'];
       $senha_usuario = $dados[0]['senha_original'];

?>


<div class="modal fade" id="modalEditar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog" role="document">
       <div class="modal-content">
           <div class="modal-header">
               <h5 class="modal-title" id="exampleModalLabel">Cadastro de Usuários</h5>
               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                   <span aria-hidden="true">×</span>
               </button>
           </div>

                       <div class="form-group">
                           <label for="exampleFormControlInput1">Email</label>
                           <input type="email" class="form-control" id="" name="usuario" placeholder="Insira o Email" value="<?php echo $email_usuario ?>">
                       </div>

                       <div class="form-group">
                           <label for="exampleFormControlInput1">Senha</label>
                           <input type="text" class="form-control" id="" placeholder="Insira a Senha" name="senha" value="<?php echo $senha_original ?>">
                       </div>

                       </div>
                       <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>

                           <button type="submit" name="btn-salvar" class="btn btn-primary">Salvar</button>
                   </form>
               </div>
       </div>
   </div>
</div>

   <?php } ?>

<script>$("#modalEditar").modal("show");</script>

Frank K Hosaka · Fevereiro 4, 2023

Depois de três anos, eu consegui fazer o modal do Bootstrap funcionar. Ele é muito legal, quando funciona:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" 
    rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" 
    crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" 
    integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
    crossorigin="anonymous"></script>
<body style="width:50%;margin:0 auto"><div style=height:10%></div>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalEditar">
  Cadastrar Novo Usuário
</button>
<?php
if(isset($_POST['nome'])){
echo "<div style=height:10%></div>";
echo "<p>Fazer rotina para cadastrar novo usuário";
echo "<p>Nome: ".$_POST['nome'];
echo "<p>Email: ".$_POST['email'];
echo "<p>Senha: ".$_POST['senha']."<p>";}
?>
<div class="modal fade" id="modalEditar" tabindex="-1" role="dialog" 
     aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Cadastro de Usuários</h5>
    <button type="button" class="btn-close" aria-label="Close" 
            data-bs-toggle="modal" data-bs-target="#modalEditar"></button>
</div>
<div class="modal-body">
<form method=post>
    <div class="form-group">
    Nome
    <input class="form-control" id="" placeholder="Insira o Nome" name="nome">
    </div>
    <div class="form-group">
    Email
    <input type="email" class="form-control" id="" name="email" placeholder="Insira o Email">
    </div>
    <div class="form-group">
    Senha
    <input class="form-control" id="" placeholder="Insira a Senha" name="senha">
    </div></div>
    <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal" 
            data-bs-toggle="modal" data-bs-target="#modalEditar">Cancelar</button>
    <button type="submit" name="btn-salvar" class="btn btn-primary">Salvar</button>
</form>
</div></div></div></div>

Entrar

Formulario modal não abre

Pergunta

lizando

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades