Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ShadowDLL

Modal para Edição de Dados

Recommended Posts

Olá, bem, venho hoje pedir a ajuda para um probleminha que já venho tendo a muito tempo, sendo direto, estou criando um sistema de usuarios que possui uma funcionalidade para editar usuarios, nos quais quando clico no botão, ele exibe um modal com os inputs (email, nome, senha)...

Pois bem o problema que venho enfrentando é na hora que eu vou passar o id obtido da tabela para o modal por meios de php, já tentei usar javascript, entre outros mas não obtive sucesso...

As partições do arquivo são estes:

                <table class="table table-bordered" id="dynamic-table">
                  <thead class="border-top">
                    <tr style="backgroud-color: #2D335B">
                      <th>#</th>
                      <th style="width: 350px">Nome</th>
                      <th>CPF/CNPJ</th>
                      <th style="width: 250px">Telefone</th>
                      <th style="width: 200px"></th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align: center; position: relative; top: 8px"><?php echo $s_ID ?></td>
                      <td style="text-align: center; position: relative; top: 8px"><?php echo $s_Nome ?></td>
                      <td style="text-align: center; position: relative; top: 8px"><?php echo $s_Doc ?></td>
                      <td style="text-align: center; position: relative; top: 8px"><?php echo $s_Tell ?></td>
                      <td style="text-align: center">
                        <a href="visualizar_clientes.php?idCliente=<?php echo $s_ID ?>" class="btn tip-top table-options-view" title="Visualizar Cliente">
                          <i class="fa fa-eye"></i>
                        </a>
                        <a href="#" class="btn btn-info tip-top editar" data-toggle="modal" data-target="#modalEditar" title="Editar Cliente" data-id="<?php echo $s_ID ?>">
                          <i class="fa fa-pencil"></i>
                        </a>
                      </td>
                    </tr>
                  </tbody>
                </table>

O código acima mostra a tabela com as respectivas funcoes de Visualizar Cliente e Editar Cliente...

Pois bem como visto existe o um campo dentro da tag <a> chamado data-id, ele é o responsavel por transportar a variavel $s_ID para dentro do modal, mas na hora da suposta exibição o valor de $s_ID é retornado como o id do ultimo usuario, sendo assim não informando o parametro passado... Gostaria de saber se alguém poderia me ajudar...

Partição do Modal

            <div id="modalEditar" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
              <?php
                AQUI VAI O SELECT QUE OBTEM OS DADOS
                $query = "SELECT * FROM clientes WHERE id=".$s_ID;
              ?>
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <form id="formEditar" action="editar_usuario.php?id=<?php $s_ID ?>" method="post">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                      <center>
                        <span class="modal-delete-title">Usuario ID : <?php echo $s_ID ?></span>
                      </center>
                    </div>
                    <div class="modal-body">
                      <div class="obtido"></div>
                      <div class="row">
                        <div class="col-sm-12" style="margin-left: 0"> 
                          <label for="descricao">Nome</label>
                          <input class="col-sm-12" id="nome" type="text" name="nome" value="<?php echo $nome ?>" required />
                        </div>
                        <div class="col-sm-12" style="margin-left: 0; margin-top: 5px; margin-bottom: 5px"> 
                          <div class="span12" style="margin-left: 0"> 
                            <label for="fornecedor">Senha</label>
                            <input class="col-sm-12" id="senha" type="text" name="senha" value="<?php echo $senha ?>" required />
                          </div>
                        </div>
                        <div class="col-sm-12" style="margin-left: 0; margin-top: 5px; margin-bottom: 5px"> 
                          <div class="span12" style="margin-left: 0"> 
                            <label for="fornecedor">Email</label>
                            <input class="col-sm-12" id="email" type="text" name="email" value="<?php echo $email ?>" required />
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button class="btn" data-dismiss="modal" aria-hidden="true" id="btn-cancelar">Cancelar</button>
                      <a class="editar-yes">
                        <button type="button" class="btn btn-danger">Salvar Alterações</button>
                      </a>
                    </div>
                  </form>
                </div>
              </div>
            </div>

As variaveis mostradas dentro dos inputs são as supostas variaveis que seriam obtidas pelo select...

Obrigado pela compreenção...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Veja se ajuda:

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax

e devido a seu 'problema':

é na hora que eu vou passar o id obtido da tabela

Principalmente aqui:

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax#5---acompanhar-oq-foi-enviado

O que é passado nos parâmetros?

A chamada do Modal está enviado no id?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado por tentarem me ajudar, mas as informações acima não funcionarão...

Para tentar solucionar meu problema eu estava vendo funções similares as que venho buscando, uma delas é está:

    <script>

    $('.delete').on('click', function(){
      var elemento = $(this).data('elemento');
      var id = $(this).data('id');
      $('a.delete-yes').attr('href', 'deletar.php&id=' +id);
      $('#modal-excluir').modal('show');
    });
   
    </script>

O exemplo acima ele captura a id informada pela tag <a></a> e exibe o modal de exclusão, nisso no corpo do modal ele exibe o id no qual foi passado pela tag <a></a> e ao clicar no submit ele envia a variavel obtida pela url, assim fazendo a exclusão...

Tag <a></a>:

<a href="#" class="btn btn-danger tip-top delete" data-toggle="modal" data-target="#modal-excluir" title="Excluir" data-nome="elemento<?php echo $s_ID ?>" data-id="<?php echo $s_ID ?>">
         <i class="fa fa-remove fa fa-white"></i>
</a>

O que eu estou buscando é bem similar, só que o script js deve pegar o id obtido pela tag <a></a> e nisso enviar ele para dentro do modal onde existirá uma variavel php denominada de $s_ID no qual ira conter o id obtido ou armazenado pelo script js...

Ficou meio confuso a explicação, digo desculpas...

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Estou com um problema de cálculo que não estou conseguindo resolver.
       
      Tenho uma rotina em Javascript que faz o seguinte cálculo qtde x vrUnit = total.
       
      qtde   x  vrUnit    =    total
      1,23   x  1,00       =    1,23    << até aqui tudo bem.
       
      o problema seria fazer o arredondamento para cima para impedir de fazer este cálculo:
      0,01 x 0,01 = 0,0001
       
      para digitar o valor estou utilizando esta função:
       
      /*Esta função quando o usuário digitar o valor aparece * 1,23 */ function formataDigitacao(i) { //Adiciona os dados para a másrcara var decimais = 2; var separador_milhar = '.'; var separador_decimal = ','; var decimais_ele = Math.pow(10, decimais); var thousand_separator = '$1'+separador_milhar; var v = i.value.replace(/\D/g,''); v = (v/decimais_ele).toFixed(decimais) + ''; var splits = v.split("."); var p_parte = splits[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, thousand_separator); (typeof splits[1] === "undefined") ? i.value = p_parte : i.value = p_parte+separador_decimal+splits[1]; } /*Esta função faz a multiplicação entre Valor Unitário X Quantidade *faz a multiplicação correta */ function calcProd(){ //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Obter valor digitado do produto var valor_unit = document.getElementById("vlrunit").value; //Remover ponto e trocar a virgula por ponto while (valor_unit.indexOf(".") >= 0) { valor_unit = valor_unit.replace(".", ""); } valor_unit = valor_unit.replace(",","."); //Calcula o Valor do Desconto if (valor_unit > 0 && prod_qtde > 0) { calc_total_produto = (parseFloat(valor_unit) * parseFloat(prod_qtde)); var numero = calc_total_produto.toFixed(2).split('.'); //<<== aqui faço o arredondamento das casas decimais de 1,234 p/ 1,23 numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("vlrtotal").value = numero.join(','); } else { if (valor_unit > 0) { document.getElementById("vlrtotal").value = document.getElementById("vlrunit").value; } else { document.getElementById("vlrtotal").value = "0,00"; } } } Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Desculpa postar minha dúvida, fiz várias pesquisa mas não tive sucesso.
       
      Como faço para capturar o ID do SELECT selecionado e passar para base_url ?
       
      Exemplo:
      após selecionar o ID passar para <?php echo base_url();?>estoque/ajuste/adicionar/ <== passar o ID aqui.
       
      <div class="col-md-6"> <label for="tipoDepart" class="control-label">Departamento:</label> <select name="tipoDepart" id="tipoDepart" style="width:100%;" class="form-control"> <option value="">Selecione um Departamento</option> <?php foreach ($dprts as $dp) { echo '<option value="'.$dp->idDepartamento.'">'.$dp->departamento.'</option>'; } ?> </select> </div> <div class="col-md-6"> <div class="card card-entrad"> <div class="card-header"> <label class="card-tlentr">Entrada - Estoque</label> </div> <div class="card-body"> <div style="text-align:center;"> <a href="<?php echo base_url();?>estoque/ajuste/adicionar/" <== COMO PASSO O ID SELECIONADO AQUI, PARA ABRIR A PÁGINA COM O ID DO DPTO ? class="btn btn-cinza">Adicionar</a> </div> </div> </div> </div>  
      Observação: preciso capturar e passar o ID para gerar TABELA referente a cada departamento.
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Tem como passar para o Formulário um Campo vindo via AJAX no formato moeda ?
       
      Tenho uma rotina onde o usuário escolhe através de uma Lista na modal de Produtos e o sistema informa o formulário os seguintes campos:
      código | descrição | espécie | estoque atual.
       
      o estoque atual preciso passar nesse formato, para validação de quantidade: 15.00 ou 15,00.
      ou seja:
      converter de: 15 
      para: 15.00 com casas decimais

      tem como fazer isso ?
       
      Grato,
       
      Cesar
×

Informação importante

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