Ir para conteúdo

POWERED BY:

Arquivado

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

DinhoPHP

Função não funciona

Recommended Posts

Olá!

Não consigo entender o porque a minha função cadValor() funciona e a desc() não

 

file.js

<script>

    var txtval = document.querySelector('#inputValor');
    var res  = document.querySelector('#inputCopyValor'); //ONDE QUERO ESCREVER
    var res2 = document.querySelector('#seuValor'); // VALOR INDO PARA HOLERITE
    var res3 = document.querySelector('#seuValorMult'); // VALOR QUE SERÁ DOBRADO
function cadValor(){
    
    var val  = Number(txtval.value);
    res.placeholder = val.toFixed(2);
    res2.placeholder = val.toFixed(2);
    var dobro = val * 2; // dobra o valor
    res3.placeholder = dobro.toFixed(2); // pega o valor dobrado
}

function desc(){
   var txtDobro    = document.querySelector('#seuValorMult'); // VALOR QUE FOI DOBRADO
   var txtSacado   = document.querySelector('#seuValorDia2');
   var txtRestante = document.querySelector('#seuValorRes');
   var resDobro    = Number(txtDobro.value);
   var resSacado   = Number(txtSacado.value);
   //var resRestante = Number(txtRestante.value);
   var resRest     = resDobro;
   txtRestante.placeholder = resRest.toFixed(2);
}
</script>

file.php

<div class="container">
      <!-- PRIMEIRA LINHA -->
      <div class="d-flex justify-content-center mt-3">
    
      <div id="divHolerite" class="col-12 col-sm-8 col-md-6 col-lg-4">
         
         <div class="d-flex flex-column justify-content-center align-items-end bg-dark">
            <div class="col-12 mb-3">
               <label for="inputValor">Admin: Cadastrar Valor</label>
               <div class="input-group">
                  <div class="input-group-prepend">
                     <span class="input-group-text">R$</span>
                  </div>
                  <input id="inputValor" class="form-control" type="text" name="inputValor" onkeypress="return onlynumber();">
                  <button type="submit" value="ativa" class="btn btn-danger text-uppercase ml-3" data-toggle="modal" data-target="#modalHolerite" onclick="cadValor()">ativa</button>
               </div>            
            </div>
         
         <div class="col-12">
            <button type="reset" value="clean" class="btn btn-light btn-lg text-uppercase mb-3">apagar cadastro</button>
         </div>
         
         <hr style="background-color: #777777; widht: 100%;">
      </div>
      <!-- SEGUNDA LINHA -->
      <div class="d-flex flex-column flex-nowrap align-items-start bg-dark mb-3">
         <div class="col-8 mb-3">
            <div class="input-group">
               <div class="input-group-prepend">
                  <span class="input-group-text">R$</span>
               </div>
               <input id="inputCopyValor" class="form-control" type="text" name="inputCopyValor" placeholder="" readonly>
            </div>
         </div>
         
         <div class="col-12 mb-3">
            <div class="input-group mb-3">
               <div class="input-group-prepend">
                  <span class="input-group-text">R$</span>
               </div>
               <input id="inputValorDia" class="form-control" type="text" name="inputValorDia" placeholder="0,10" readonly>
               <div class="input-group-prepend">
                  <span class="input-group-text">por dia</span>
               </div>
               <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3">sacar</button>
            </div>
            <div class="d-flex">               
               <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm mr-3">descontar</button>
               <div class="input-group">
                  <div class="input-group-prepend">
                     <span class="input-group-text">R$</span>
                  </div>
                  <input id="inputValorDesc" class="form-control" type="text" name="inputValorDesc">
                  </div>
               </div>
            </div>
         </div>    
         
      </div>
   </div>
   <!-- HOLERITE -->
   <!-- Modal -->
<div class="modal fade" id="modalHolerite" 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">Título do modal</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- HOLERITE -->

        <div class="container">
      <!-- PRIMEIRA LINHA -->
      <div id="test" class="d-flex justify-content-center mt-3">
         <div id="divHolerite" class="col-12 col-md-10 col-lg-8">
            <div class="d-flex flex-column justify-content-center align-items-end bg-dark">
               <div class="col-12 mb-3">
                  <h2 class="text-uppercase text-center text-white">holerite</h2>
                  <div class="row">
                     <div class="col-12 col-sm-6">
                        <label for="seuValor" class="text-left text-uppercase">seu valor</label>
                        <div class="input-group">
                           <div class="input-group-prepend">
                              <span class="input-group-text">R$</span>
                           </div>
                           <input id="seuValor" class="form-control" type="number" name="seuValor" placeholder="">
                        </div>
                     </div>
                     <div class="col-12 col-sm-6">
                        <label for="inputValorDia" class="text-left text-uppercase">total: 200 dias</label>
                        <div class="input-group mb-3">
                           <div class="input-group-prepend">
                              <span class="input-group-text">R$</span>
                           </div>
                           <input id="inputValorDia" class="form-control" type="number" name="inputValorDia">
                           <div class="input-group-prepend">
                              <span class="input-group-text">por dia</span>
                           </div>
                        </div>
                     </div>
                     <div class="col-12 col-sm-6">
                        <label for="seuValorMult" class="text-left text-uppercase">valor multiplicado</label>
                        <div class="input-group">
                           <div class="input-group-prepend">
                              <span class="input-group-text">R$</span>
                           </div>
                           <input id="seuValorMult" class="form-control" type="number" name="seuValorMult">
                        </div>
                     </div>
                  </div>
               </div>

               <hr style="background-color: #777777; widht: 100%;">
            </div>
            <!-- SEGUNDA LINHA -->
            <div class="d-flex flex-column justify-content-center bg-dark mb-3"
               style="padding-left: 10px; padding-right: 0px;">
               <div class="row overflow-visible">
                  <div class="col-12 col-sm-4">
                     <span class="text-white font-data">00/00/2019:</span>
                  </div>

                  <div class="col-12 col-sm-8">
                     <div class="input-group mb-3">
                        <div class="input-group-prepend">
                           <span class="input-group-text">R$</span>
                        </div>
                        <input id="seuValorDia2" class="form-control" type="number" name="seuValorDia2" placeholder="0,10" readonly>
                        <div class="input-group-prepend">
                           <span class="input-group-text">por dia</span>
                        </div>
                        <button type="submit" value="saque"
                           class="btn btn-danger text-uppercase btn-sm ml-3 mr-2" onclick="desc()">sacar</button>
                     </div>
                  </div>
               </div>
               <div class="form-row col-12" style="border: 2px white solid;">
                  <div class="col-12 col-sm-6">
                     <label for="seuValorSacado" class="text-left text-uppercase"><br></label>
                     <div class="input-group">
                        <div class="input-group-prepend">
                           <span class="input-group-text">R$</span>
                        </div>
                        <input id="seuValorSacado" class="form-control" type="number" name="seuValorSacado">
                     </div>
                     <label for="seuValorSacado" class="text-center text-uppercase">valor sacado</label>
                  </div>
                  <div class="col-12 col-sm-6">
                     <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 5vw;">seu valor
                        restante</label>
                     <div class="input-group">
                        <div class="input-group-prepend">
                           <span class="input-group-text">R$</span>
                        </div>
                        <input id="seuValorRes" class="form-control" type="number" name="seuValorRes" placeholder="" readonly>
                     </div>
                     <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 10vw;">pra
                        saque</label>
                  </div>
               </div>
            </div> <!-- Termina linha geral -->
         </div>
         <!-- FIM DO HOLERITE -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@DinhoPHP Boa tarde!

 

Eu consigo achar aonde a função cadValor() é chamada, mas eu não consigo achar aonde a função desc() é chamada.

<button type="submit" value="ativa" class="btn btn-danger text-uppercase ml-3" data-toggle="modal" data-target="#modalHolerite" onclick="cadValor()">ativa</button>

 

Eu acho que você esqueceu de adicionar um evento para chama a função desc() no button.

<button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm mr-3">descontar</button>

Falta o onclick="desc()" no button.

Compartilhar este post


Link para o post
Compartilhar em outros sites
1 hora atrás, gabrielms disse:

@DinhoPHP Boa tarde!

 

Eu consigo achar aonde a função cadValor() é chamada, mas eu não consigo achar aonde a função desc() é chamada.


<button type="submit" value="ativa" class="btn btn-danger text-uppercase ml-3" data-toggle="modal" data-target="#modalHolerite" onclick="cadValor()">ativa</button>

 

Eu acho que você esqueceu de adicionar um evento para chama a função desc() no button.


<button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm mr-3">descontar</button>

Falta o onclick="desc()" no button.

Provavelmente deve ter sido os CTRL+Z que pressionei amigo. Estava nesse button. Independente do valor dos inputs, sempre resulta em zero. Mas já agradeço.

<button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3" onclick="desc()">sacar</button>

Compartilhar este post


Link para o post
Compartilhar em outros sites

@DinhoPHP Você salva o valor no atributo placeholder e não no atributo value. Na sua função desc(), você tenta pegar o valor da atributo value como ela está sem o valor ele não funciona.

 

Assim ele deve funcionar

function desc(){
   var txtDobro    = document.querySelector('#seuValorMult'); // VALOR QUE FOI DOBRADO
   var txtSacado   = document.querySelector('#seuValorDia2');
   var txtRestante = document.querySelector('#seuValorRes');
   var resDobro    = Number(txtDobro.placeholder);
   var resSacado   = Number(txtSacado.placeholder);
   //var resRestante = Number(txtRestante.value);
   var resRest     = resDobro;
   txtRestante.placeholder = resRest.toFixed(2);
}

 

OBs..: Esse seu código está muito bagunçado e tem muita coisa desnecessária, tenta melhorar ele um pouco.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sei que está @gabrielms kkkkk. Mas infelizmente estou iniciando no JS e não tenho dúvidas que esteja bagunçado, sem contar o cálculo que o cliente pediu. Desenvolvo mais com HTML5, CSS3, Bootstrap 4, PHP e C. Abraço! E Obrigadão!

Compartilhar este post


Link para o post
Compartilhar em outros sites

DinhoPHP

Só para tentar explicar o motivo pelo qual o seu CALCULO está com valor ZERADO, como o Gabriel comentou em uma resposta dele, na sua primeira FUNÇÃO você está jogando os VALORES dentro do ATRIBUTO PLACEHOLDER, o que não é um VALUE, não sei se você entendeu, ai quando você faz um querySelector você não especifica QUAL É O ATRIBUTO que deseja pegar, mas explicando que não pode ser .VALUE pois você está colocando os "VALORES" no document.querySelector('#inputCopyValor').placeholder.

 

Eu fiz uns testes aqui tentando entender primeiro a sua página que é ela que está bagunçada por causa da falta do CSS que você poderia postar e ajustando as suas funções.

 

Você pode posta o seu CSS aqui, pois gostaria de montar a página e ver o que esta de errado com a sua explicação "Regra do negócio"???

 

PARA QUE O CÓDIGO QUE EU ESTOU ENVIANDO FUNCIONA VOCÊ PRECISA TROCAR O TYPE DOS CAMPOS, DE NUMBER PARA TEXT. Após colocar o valor e clicar em ATIVAR você tem que fechar o modal no X, depois você digita um valor no campo de texto acima de "por dia" e clica em SACAR.

 

Nome do Arquivo do Script js.js

function cadValor(){
    var entrada = document.getElementById('inputValor').value;
    document.getElementById('seuValor').value = document.getElementById('inputValor').value;
    document.getElementById('inputCopyValor').value = document.getElementById('inputValor').value;
	
	entrada = entrada.replace(".","");
	entrada = entrada.replace(",",".");
	var calc_total = parseFloat(entrada) * 2;
	var numero = calc_total.toFixed(2).split('.');
    numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.');
    document.getElementById('seuValorMult').value = numero;
}
function desc(){
    //var txtDobro      = document.querySelector('#seuValorMult'); // VALOR QUE FOI DOBRADO
    //var txtSacado     = document.querySelector('#seuValorDia2');
    //var txtRestante   = document.querySelector('#seuValorRes');
    //var resDobro      = document.getElementById('seuValorMult').value
    //var resSacado     = Number(txtSacado.value);
    //var resRest       = resDobro;
    var calculo = document.getElementById('inputValor').value;
	var subtrair = document.getElementById('inputValorDia').value;
	
    calculo = calculo.replace(".","");
    calculo = calculo.replace(",",".");
    subtrair = subtrair.replace(".","");
    subtrair = subtrair.replace(",",".");
    var calc_total = parseFloat(calculo) - parseFloat(subtrair);
    var numero = calc_total.toFixed(2).split('.');
    numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.');
    document.getElementById('inputValorDesc').value = numero;
}
<?php date_default_timezone_set('America/Sao_Paulo'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php include "../pescados/reuso/head.php" ?>
<div class="container">
      <!-- PRIMEIRA LINHA -->
      <div class="d-flex justify-content-center mt-3">
      <div id="divHolerite" class="col-12 col-sm-8 col-md-6 col-lg-4">
         <div class="d-flex flex-column justify-content-center align-items-end bg-dark">
            <div class="col-12 mb-3">
               <label for="inputValor">Admin: Cadastrar Valor</label>
               <div class="input-group">
                  <div class="input-group-prepend">
                     <span class="input-group-text">R$</span>
                  </div>
                  <input id="inputValor" class="form-control" type="text" name="inputValor" onkeypress="return onlynumber();" autofocus >
                  <button type="submit" value="ativa" class="btn btn-danger text-uppercase ml-3" data-toggle="modal" data-target="#modalHolerite" onclick="cadValor()">ativa</button>
               </div>            
            </div>
         <div class="col-12">
            <button type="reset" value="clean" class="btn btn-light btn-lg text-uppercase mb-3">apagar cadastro</button>
         </div>
         <hr style="background-color: #777777; widht: 100%;">
      </div>
      <!-- SEGUNDA LINHA -->
      <div class="d-flex flex-column flex-nowrap align-items-start bg-dark mb-3">
         <div class="col-8 mb-3">
            <div class="input-group">
               <div class="input-group-prepend">
                  <span class="input-group-text">R$</span>
               </div>
               <input id="inputCopyValor" class="form-control" type="text" name="inputCopyValor" placeholder="" readonly> <-- AQUI ...
            </div>
         </div>
         
         <div class="col-12 mb-3">
            <div class="input-group mb-3">
               <div class="input-group-prepend">
                  <span class="input-group-text">R$</span>
               </div>
               <input id="inputValorDia" class="form-control" type="text" name="inputValorDia" placeholder="0,10">
               <div class="input-group-prepend">
                  <span class="input-group-text">por dia</span>
               </div>
               <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3" onclick="desc()">Sacar</button> AQUI SACA.
            </div>
            <div class="d-flex">               
               <button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm mr-3">descontar</button>
               <div class="input-group">
                  <div class="input-group-prepend">
                     <span class="input-group-text">R$</span>
                  </div>
                  <input id="inputValorDesc" class="form-control" type="text" name="inputValorDesc">
                  </div>
               </div>
            </div>
         </div>    
         
      </div>
   </div>
   <!-- HOLERITE -->
   <!-- Modal -->
<div class="modal fade" id="modalHolerite" 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">Título do modal</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- HOLERITE -->

        <div class="container">
      <!-- PRIMEIRA LINHA -->
      <div id="test" class="d-flex justify-content-center mt-3">
         <div id="divHolerite" class="col-12 col-md-10 col-lg-8">
            <div class="d-flex flex-column justify-content-center align-items-end bg-dark">
               <div class="col-12 mb-3">
                  <h2 class="text-uppercase text-center text-white">holerite</h2>
                  <div class="row">
                     <div class="col-12 col-sm-6">
                        <label for="seuValor" class="text-left text-uppercase">seu valor</label>
                        <div class="input-group">
                           <div class="input-group-prepend">
                              <span class="input-group-text">R$</span>
                           </div>
                           <input id="seuValor" class="form-control" type="number" name="seuValor" placeholder="">
                        </div>
                     </div>
                     <div class="col-12 col-sm-6">
                        <label for="inputValorDia" class="text-left text-uppercase">total: 200 dias</label>
                        <div class="input-group mb-3">
                           <div class="input-group-prepend">
                              <span class="input-group-text">R$</span>
                           </div>
                           <input id="inputValorDia" class="form-control" type="number" name="inputValorDia">
                           <div class="input-group-prepend">
                              <span class="input-group-text">por dia</span>
                           </div>
                        </div>
                     </div>
                     <div class="col-12 col-sm-6">
                        <label class="text-left text-uppercase">valor multiplicado</label>
                        <div class="input-group">
                           <div class="input-group-prepend">
                              <span class="input-group-text">R$</span>
                           </div>
                           <input id="seuValorMult" class="form-control" type="text" name="seuValorMult">VALOR MULTIPLICADO
                        </div>
                     </div>
                  </div>
               </div>

               <hr style="background-color: #777777; widht: 100%;">
            </div>
            <!-- SEGUNDA LINHA -->
            <div class="d-flex flex-column justify-content-center bg-dark mb-3"
               style="padding-left: 10px; padding-right: 0px;">
               <div class="row overflow-visible">
                  <div class="col-12 col-sm-4">
                     <span class="text-white font-data"><?php echo date('d/m/Y'); ?></span>
                  </div>

                  <div class="col-12 col-sm-8">
                     <div class="input-group mb-3">
                        <div class="input-group-prepend">
                           <span class="input-group-text">R$</span>
                        </div>
                        <input id="seuValorDia2" class="form-control" type="number" name="seuValorDia2" placeholder="0,10" readonly>
                        <div class="input-group-prepend">
                           <span class="input-group-text">por dia</span>
                        </div>
                        <button type="submit" value="saque"
                           class="btn btn-danger text-uppercase btn-sm ml-3 mr-2" onclick="desc()">sacar</button>
                     </div>
                  </div>
               </div>
               <div class="form-row col-12" style="border: 2px white solid;">
                  <div class="col-12 col-sm-6">
                     <label for="seuValorSacado" class="text-left text-uppercase"><br></label>
                     <div class="input-group">
                        <div class="input-group-prepend">
                           <span class="input-group-text">R$</span>
                        </div>
                        <input id="seuValorSacado" class="form-control" type="number" name="seuValorSacado">
                     </div>
                     <label for="seuValorSacado" class="text-center text-uppercase">valor sacado</label>
                  </div>
                  <div class="col-12 col-sm-6">
                     <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 5vw;">seu valor restante</label> AQUI VALOR RESTANTE
                     <div class="input-group">
                        <div class="input-group-prepend">
                           <span class="input-group-text">R$</span>
                        </div>
                        <input id="seuValorRes" class="form-control" type="number" name="seuValorRes" placeholder="" readonly> Restante
                     </div>
                     <label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 10vw;">pra
                        saque</label>
                  </div>
               </div>
            </div> <!-- Termina linha geral -->
         </div>
         <!-- FIM DO HOLERITE -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
</div>
<script src="js.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

Se você colocar o código e der mais detalhe de como deve funcionar esses códigos posso te ajudar.

 

Se a minha resposta for útil não esqueça de agradecer e votar positivo.

Espero ter ajudado de alguma forma.

 

Att
Felipe Guedes Coutinho

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado! @Felipe Guedes Coutinho mas eu tinha tentado votar no @gabrielmsque me deu uma luz e não consegui. Deu erro aqui. No momento estou precisando de um ASC dinâmico no SELECT. Um botão que precise trocar essas funções. Tentei fazer com um post na mesma página ou refresh alterando apenas esta variável, mas não consegui. O interessante é que quando se pressiona F5, os dados se mantém.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
×

Informação importante

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