Ir para conteúdo
Matheus Bispo

Segundo Modal de Edição Não fecha

Por , em Javascript

Recommended Posts

Matheus Bispo    1

Matheus Bispo
Postado

Boa tarde colegas programadores, estou com uma dúvida tremenda.

 

Estou desenvolvendo um sistema para uma loja de veículos, e em uma parte do sistema, em cadastro de clientes, vai aparecer todos os clientes que ela possui em uma tabela(Usando DataTable do bootstrap), em cada cadastro, tenho um botão de editar, que imediatamente, abre uma janela modal com os dados daquele Cliente. Quando eu clico pela primeira vez em algum botão de Editar, ele me abre correto e o fechar é funciona normal. Agora vou clicar no editar novamente, porque anteriormente eu havia clicado no cliente errado, ele me traz os dados correto, mas o botão CANCELAR não funciona mais, preciso dar F5 para ele sumir. O que eu estaria fazendo de errado?

 

Segue abaixo o meu código:

 

<!DOCTYPE html>  
 <html>
      <head>  
           <title>Clientes</title>
           <link rel="shortcut icon" href="../assets/img/certi.png" type="image/x-icon" />
           <form name="formulario" method="POST" action="">
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
           <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>  
           <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>            
           <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />
           <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
               <!-- Include all compiled plugins (below), or include individual files as needed -->
          <script src="../assets/js/bootstrap.min.js"></script>
          <script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js"></script>
          <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>
          <script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js"></script>

          <script type="text/javascript">
            function Ir(pagina){
              document.formulario.action = pagina
              document.formulario.submit();
            }
          </script>

      </head>  
<body onselectstart="return false" oncontextmenu="return false" ondragstart="return false"
  onMouseOver="window.status='..message perso .. '; return true;">

           <div class="container">
               
                <center> <img src='../assets/img/logo_clientes.jpg' class="img-responsive"> </center>
                <br />
            <?php
               if(!empty($Dados["btnNovoCad"])):
                   $NovoCad = new CreateCliente();
                   unset($Dados["btnNovoCad"]);
              $Dados["cli_garagem"] = $_SESSION["id-garagem"];
                   $NovoCad->exeCreate('clientes', $Dados);
                   echo $NovoCad->getMsg();
               endif;

               ?>
                <div class="table-responsive">  
                     <table id="employee_data" class="table table-striped table-bordered">  
                          <thead>  
                               <tr>  
                                    <td>ID</td>  
                                    <td>Nome</td>
                                    <td>Ações</td>
                               </tr>  
                          </thead>
                          <?php
                            $ChamarLeitura = new ReadCliente();
                            $ChamarLeitura->LerClientes();
                           foreach($ChamarLeitura->getResultado() as $clientes){
                                 extract($clientes);
                               echo '  
                               <tr>  
                                   <td>'.intval($cli_id).'</td>                                      
                                    <td>'.utf8_decode($cli_nome).'</td>
                                    ';?>
                                    <td>
                                        <button type="button" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModalEdit" data-whatever="<?php echo $cli_id; ?>" data-whatevernome="<?php echo utf8_decode($cli_nome);?>">Editar</button>
                                    </td>                                   

                               </tr>    
                             <?php
                            }  
                          ?>
                     </table>  
                </div>  
           </div><br>

        <center>
            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModalNovo">Novo Cliente</button>
            <button type="button" class="btn btn-primary" onClick="Ir('index');">Voltar ao Menu</button><br><br>
        </center>

 

<!-- Inicio Modal Novo Cadastro -->
<div class="modal fade" data-backdrop="static" id="myModalNovo">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h3 class="modal-title" id="exampleModalLabel">Cadastrar Cliente</h3>
          </div>
          <div class="modal-body">
            <form name="formularioB" method="POST" action="">
                  <div style="text-align: left;">
                     Nome:*
                     <input type="text" class="form-control" name="cli_nome" required="true" autofocus="true"><br>
                     *Campos obrigatórios
                  </div>
              <div class="modal-footer">
                <input type="submit" class="btn btn-success" name="btnNovoCad" value="Salvar">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
              </div>
            </form>
          </div>        
        </div>
      </div>
    </div>
    <!-- Fim Modal -->

 

<!-- Inicio Modal Editar Cadastro -->
  <div class="modal fade" id="myModalEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h3 class="modal-title" id="exampleModalLabel">Editar Cliente</h3>
          </div>
          <div class="modal-body">
            <form name="formularioB" method="POST" action="">
                  <div style="text-align: left;">
                     Nome:*
                     <input type="text" class="form-control" name="cli_nome" id="cli_nome" required="true" autofocus="true"><br>
                  </div>
              <div class="modal-footer">
                <input type="submit" class="btn btn-success" name="btnEditCad" value="Salvar">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
                <input type="hidden" name="id-cliente" id="id-cliente" value="">
              </div>
            </form>
          </div>        
        </div>
      </div>
    </div>
    <!-- Fim Modal -->

 

  <script type="text/javascript">
    $('#myModalEdit').on('show.bs.modal', function (event) {
      var button = $(event.relatedTarget)
      var recipient = button.data('whatever')
      var recipientnome = button.data('whatevernome')
      var modal = $(this)
      modal.find('.modal-title').text('Editar Cliente')
      modal.find('#id-cliente').val(recipient)
      modal.find('#cli_nome').val(recipientnome)
      
    })
  </script>

   </form>
  </body>
 </html>  
 <script>  
 $(document).ready(function(){  
      $('#employee_data').DataTable();  
 });  
 </script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • ILR master
      Carregamento preloading
      Por ILR master
      Fala pessoal, tudo bem?
       
      Tô tentando fazer um pre-loading, mas não consigo de jeito algum.
      Quero mostrar uma animação enquanto a página é carregada e depois de caregada, esconder a animação e mostrar conteúdo.
       
      Aguém pode me ajudar?
       
      Segue código abaixo
       
       
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />  
          <title>PÁGINA LOAD</title>

      <style type="text/css">
      .loadclass {
          border: 2px solid #f3f3f3; /* Light grey */
          border-top: 4px solid #ffc401; /* Blue */
          border-radius: 50%;
          width: 50px;
          height: 50px;
          animation: spin 2s linear infinite;
      }
      @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
      }
      .conteudo {
          display:none;
      }
      </style>
      <script>
          function loading(){
              document.getElementsByClassName('loadclass')[0].style.display="none";
              document.getElementsByClassName('conteudo').style.display="block";
          }
      </script>
      </head>
      <body onLoad="loading()">
      <div class="loadclass"></div>
      <div class="conteudo">SEU CONTEUDO AQUI DENTRO!!!</div>
      </body>
      </html>
    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Giovanird
      Atualizar pagina PHP que esta dentro de uma div
      Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Thiago Duarte
      Drag and Drop para arrastar imagem
      Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • belann
      Upload de arquivos com javascript
      Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito