Ir para conteúdo

Arquivado

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

Ruy Hoffmann

Calcular valores de uma lista

Recommended Posts

Olá pessoal, boa tarde,

 

Eu tenho uma lista conforme imagem anexo 1. Ela é muito simples, é um resultado de um SELECT em Mysql retornando na minha página html/php.

 

Essa lista não é fixa, ou seja, ela varia quantidade de linhas e ID dos lançamentos.

 

Reparem que criei um checkbox no lado esquerdo de cada registro. A minha intenção é somar os valores conforme a pessoa for selecionando os ckeckbox. Eu sei como fazer isso em JavaScript através do ID do campo/objeto, porém como a lista é variável, ou seja, uma hora ela tem mais linhas, outra menos, e consequentemente os ID´s também mudam, então não estou conseguindo fazer. 

 

Se fossem fixos seria bem simples, eu só somaria os ID x, y, z e o resultado ir para um determinado campo. Mas como fazer com uma lista que os ID´s podem mudar numa nova consulta?

 

Abaixo meu código e anexo o print da tela com um resultado de exemplo.

 

Obrigado pela ajuda!!!

 

<?php
session_start();
ini_set('default_charset','UTF-8');
if($_SESSION["usuario"]=="")
{
    header("location:entrando.php");
}
?>

<!DOCTYPE html>

<html language="pt-br">

<head>
    <meta charset="UTF-8"/>
    <meta name="distribution" content="IU"/>
    <title>INOCMON</title>
    <link rel="stylesheet" type="text/css" href="../_css/listas.css"/>
    <link rel="stylesheet" type="text/css" href="../_css/topbuttons.css"/>
    <script language="javascript" src="../_js/jsfuncoes.js"></script>
</head>

<body>
<header>
<section>
<!--div><button type="image"><img src="buttconfirm.png"/></button></div-->&nbsp&nbsp
<div><button type="image" onclick="location.href='console.php';"><img src="../_img/buttprevious.png" height="50%" width="50%"/></button></div>&nbsp&nbsp
<!--div><button type="image" src="buttdel.png"><img src="buttdel.png"/></button></div-->
</section>
</header>

<article id="listagem">
<h2>AGRUPAR PARA REEMBOLSO</h2>
<table>
    <tr>
        <th>Agrupar</th>
        <th>ID</th>
        <th>Vencimento</th>
        <th>Cliente/Fornecedor</th>
        <th>Valor</th>
        <th>Descrição</th>
    </tr>
<?php
include("conexao.php");
$sql="SELECT *, DATE_FORMAT(Vcto,'%d/%m/%Y') AS VctoF FROM T09 WHERE (INOCMON='N' and ConciliadoLctoId=0) ORDER BY Vcto DESC";
$query=mysqli_query($con, $sql);

while($linha=mysqli_fetch_array($query))
{
    echo "<tr>";
    echo "<td id="."'".$linha['LctoId']."'"." class='identificador'><input type='checkbox' name="."'".$linha['LctoId']."'"."/></td>";
    echo "<td>".$linha['LctoId']."</td>";
    echo "<td>".$linha['VctoF']."</td>";
    echo "<td>".$linha['Fantasia']."</td>";
    echo "<td><p>".$linha['Vlr']."</p></td>";
//    echo "<td id="."'".$linha['LctoId']."'"." class='identificador'><a href='#' onclick=jsfun01("."'".$linha['LctoId']."'".")><p>".$linha['Vlr']."</p></a></td>";
    echo "<td>".$linha['Descricao']."</td>";
    echo "</tr>";
}
mysqli_free_result($query);
?>
</table>
</article>

<form method="POST" id="formlink" name="nameform" action="lctobaixados.php">
<input id="forminput" type="hidden" name="nameimput"/>
</form>
</body>
</html>

 

exemplo.JPG

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acrescente o atributo data-id com o valor igual ao ID no parágrafo que contém os valores
e use JavaScript.

 

Veja funcionando em:
Script calcula valores

 

Faça algumas seleções nos checkboxes.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eita Maujor! vi seu link e testei e é exatamente o que quero!!! muito massa!.

 

Mas na hora de eu implementar no meu html estou perdido porque nunca usei o data-id, e no HTML que tem lá no link mostra o data-id depois de já executado.  Sem querer abusar mas você poderia me indicar onde exatamente devo colocar esse data-id no meu html?   tipo mostrar mesmo como devo digitar por favor.  

 

E a parte Java Script já salvei igualzinho você digitou e coloquei no head do HTML  para apontar para esse javascript   :)

 

Obrigado

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

data-* é um atributo previsto na HTML.
Insira com PHP na coluna que gera os valores:

echo "<td><p data-id='" . $linha['LctoId'] . "'>" . $linha['Vlr'] . "</p></td>";

Você tem que apontar para o JavaScript depois que a página for carregada, portanto coloque antes da tag de fechamento de BODY

<script src="caminho_para_o_script/script.js"></script>
</body>

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Maujor, você simplesmente foi SENSACIONAL!!! funcionou perfeitamente!!!!

 

Meu novo GURU do javascript!!! obrigado!!!!

 

Perfeito, vou agora poder tocar o que eu estava fazendo, parei nesse trem ai e não conseguia evoluir rsrsrsrs.

 

Muito obrigado mesmo e abração :)

 

Ruy

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 02/09/2019 at 19:32, Alexandre Borges Souza disse:

Se a tua intenção é somar, declare checkbox como elemento array, exemplo: <input type="checkbox" name="valores[]" value="123" />

Olá Alexandre, a solução do Maujor me atendeu. Mas depois vou tentar com array também, inclusive array era onde eu imaginava inicialmente iria ter que utilizar.

 

Mas obrigado pela ajuda.

 

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos.
       
      Quando programava em DOS. utilizava algumas teclas de atalho para: SALVAR / EDITAR / EXCLUIR / IMPRIMIR.
      Por exemplo:
      Salvar ----> ALT+S
      Editar ----> ALT+E
      Excluir --> ALT+X
      Imprimir -> ALT+I

      no PHP tem como colocar esses ATALHOS nos button, para o usuário trabalhar com esses atalhos e como seria ?

      grato,
       
      Cesar
    • Por violin101
      Caros Amigos, saudações.
       
      Por favor, me perdoa em postar uma dúvida.
       
      Preciso criar uma Rotina onde o usuário possa buscar na Base de Dados de Produtos, tanto por Código e Descrição, ou seja:
      - caso o usuário digita o Código, mostra os dados do Produto.
      - caso o usuário digita a Descrição, mostra os dados do Produto
       
      Fiz uma Rotina, onde o usuário digita a DESCRIÇÃO com a função AUTOCOMPLETE.    <=== está funcionando certinho.
       
      Minha dúvida é como faço para DIGITAR o Código e mostrar os dados também.
       
      o meu AutoComplete na MODEL está assim.
      public function autoCompleteProduto($q){ $this->db->select('*' ) ->from('produtos') ->where('produtos.statusProd',1) ->like('descricao', $q) ->limit(5) ->order_by('descricao', 'ASC'); $query = $this->db->get(); if ($query->num_rows() > 0) { foreach ($query->result_array() as $row) { $row_set[] = ['label' => str_pad($row['idProdutos'], '5', '0', STR_PAD_LEFT).' - '.$row['descricao'], 'id' => $row['idProdutos'], 'descricao' => $row['descricao'], 'cod_interno' => $row['cod_interno'], 'prd_unid' => $row['prd_unid'], 'estoque_atual' => $row['estoque_atual'] ]; } echo json_encode($row_set); } }  
       
      no CONTROLLER está assim:
      public function autoCompleteProduto() { $this->load->model('estoque/lancamentos_model'); if (isset($_GET['term'])) { $q = strtolower($_GET['term']); $this->lancamentos_model->autoCompleteProduto($q); } }  
       
      na VIEW está assim:
      <div class="col-md-10"> <label for="idProdutos">Produto:</label> <input type="hidden" name="idProdutos" id="idProdutos"> <input type="text" class="form-control" id="descricao" name="descricao" style="font-size:15px; font-weight:bold;" placeholder="Pesquisar por descrição do produto" disabled> </div>  
      VIEW + JAVASCRIPT
       
      //Função para trazer os Dados pelo o AutoComplete. function resolveAutocomplete() { $("#descricao").autocomplete({ source: "<?php echo base_url(); ?>estoque/lancamentos/autoCompleteProduto/", minLength: 2, select: function (event, ui) { $("#idProdutos").val(ui.item.id); $("#cod_interno").val(ui.item.cod_interno); $("#descricao").val(ui.item.descricao); $("#prd_unid").val(ui.item.prd_unid); $("#estoque_atual").val(ui.item.estoque_atual); $("#qtde").focus(); } }); } // inicia o autocomplete resolveAutocomplete();  
      Grato,
       
      Cesar
    • Por belann
      Olá!
       
      Estou tentando criar um projeto laravel e está dando o seguinte erro 
      curl error 60 while downloading https://getcomposer.org/versions: SSL certificate problem: unable to get local issu
        er certificate
      Já tentei atualizar o composer, mas dá o mesmo erro acima.
    • 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
×

Informação importante

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