Ir para conteúdo
Fórum Script Brasil
  • 0

Resultado Multiplicação Automatico


monalisa

Pergunta

Galerinha do Java Script estou com a seguinte situação eu tenho um campo que eu informo quantidade do produto e um outro que informo preço nitário:

 <td width="20%"><input name="quantidade" type="text" id="quantidade" size="10" maxlength="6">
 <script language="javascript">addCampos('quantidade');</script> /td>

<td width="20%"><input name="preuni" type="text" id="preuni" size="15" maxlength="10">
<script language="javascript">addCampos('preuni');</script> </td>
  
Depois de infomado estes campos eu preciso que automaticamente a operação de multiplicação seja feita e o resultado da operação apareça aqui:
<td width="11%" height="25"><span class="style6"> Valor Total : </span></td>
      <td width="20%"> "PRECISO COLOCAR AQUI O RESULTADO DA MULTIPLICAÇÃO AUTOMATICO</td>

Alguém pode me ajudar???

Link para o comentário
Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

  • 0

meu forte não é javascript, mais fiz uma funçãozinha aqui, ve se dá certo:

<html>

<head>

<title></title>

<script>

function Calcular()

{

var total = document.formulario.quantidade.value * document.formulario.valor.value;

document.getElementById('total').innerHTML = total;

}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<form action="" method="post" name="formulario">

  Quantidade: <input name="quantidade" type="text">

  <br>

  Valor: <input name="valor" type="text">

  <input type="button" value="Calcular" onClick="javascript:Calcular();">

  <p>

  <span id="total"></span>

</form>

</body>

</html>

[]s

Link para o comentário
Compartilhar em outros sites

  • 0

Eu não vou utilizar botão, nesta coluna da tabela

<td width="11%" height="25"><span class="style6"> Valor Total : </span></td>
     <td width="20%"> "PRECISO COLOCAR AQUI O RESULTADO DA MULTIPLICAÇÃO AUTOMATICO</td>

vou apenas colocar o resultado no momento que eu informar o valor da quantidade e preço único ele tem que calcular automaticamente.

Link para o comentário
Compartilhar em outros sites

  • 0

Eu busquei um codigo do fórum do Java Script, só que tá dando um erro de "<" que não acho onde pode tá o errro nesta linha, podem me dá uma ajuda:

<script language="javascript">

function multiplica(frmitementrada)

{

numer1 = parseInt(quantidade.value)

numer2 = parseInt(preuni.value)

soma = numer1 * numer2

total.value = soma

}

</script>

<form name="frmitementrada" id="frmitementrada">

<td width="20%">

<?php

<INPUT TYPE="text" SIZE="3" NAME="quantidade">*<INPUT TYPE="text" onkeypress="multiplica(this)" SIZE="3" NAME="preuni">=<INPUT TYPE="text" SIZE="3" NAME="total">;

$valor=number_format($total,2,",",".");

echo $total;?></td>

</form>

Link para o comentário
Compartilhar em outros sites

  • 0

Monalisa,

Fiz este código sem a parte em PHP acredito que o problema estava ali. Veja como ficou o código:

<html>
<head>
<script language="javascript">

function multiplica()
{
numer1 = parseInt(document.frmitementrada.quantidade.value);
numer2 = parseInt(document.frmitementrada.preuni.value);
soma = numer1 * numer2;
document.frmitementrada.total.value = soma;
}

</script>
</head>
<body>
<form name="frmitementrada" id="frmitementrada">
<td width="20%">
<INPUT TYPE="text" SIZE="3" NAME="quantidade">
<INPUT TYPE="text" onkeyup="multiplica()" SIZE="3" NAME="preuni">
<INPUT TYPE="text" SIZE="3" NAME="total">
</td>
</form>
</body>
</html>

Efetuei um teste com o Internet explorer e funcionou sem problemas. qql coisa é só perguntar.

Link para o comentário
Compartilhar em outros sites

  • 0

Rafael

Utilizei o código da forma que você me passou, graças a Deus tá multiplicando, valeu. Agora está acontencendo duas coisas que gostaria de ver com vc. É o seguinte:

- quando informo a quantidade e vou para o preço unitário para informar ele coloca no campo total esta palavra "NaN" porque o preço unitário até eu informar um valor tá indo vazio;

- como faço caso o preço seja float?? Ex: quantidade=2 preuni=1.6 total=3.20, isso ele não está aceitando para calcular, apenas inteiro.

Link para o comentário
Compartilhar em outros sites

  • 0

Eu consegui reproduzir o problema. Na minha opinião você terá que usar algum botão pois, a função de cálculo é chamada quando o usuário solta o teclado. Quanto ao tipo float basta trocar parseInt do preço unitário para parseFloat assim, ele fará a conversão do valor para ponto flutuante ou real como você quer.

Link para o comentário
Compartilhar em outros sites

  • 0

Se não com um botão como foi falado, com o evento onblur, que vai ser chamado quando o campo perder o foco.

Ou então, fazendo uma gambiarra, você cria uma verificação para saber o que vai ser o resultado... veja a gambiarra laugh.giftongue.gif

numer1 = parseInt(document.frmitementrada.quantidade.value);
numer2 = parseInt(document.frmitementrada.preuni.value);
soma = numer1 * numer2;
result = (soma=="NaN")?"":soma;
document.frmitementrada.total.value = result;

rolleyes.gif

Mas eu recomendo usar um botão ou o evento onblur..

Link para o comentário
Compartilhar em outros sites

  • 0
Se não com um botão como foi falado, com o evento onblur, que vai ser chamado quando o campo perder o foco.

Ou então, fazendo uma gambiarra, você cria uma verificação para saber o que vai ser o resultado... veja a gambiarra laugh.giftongue.gif

numer1 = parseInt(document.frmitementrada.quantidade.value);
numer2 = parseInt(document.frmitementrada.preuni.value);
soma = numer1 * numer2;
result = (soma=="NaN")?"":soma;
document.frmitementrada.total.value = result;
rolleyes.gif Mas eu recomendo usar um botão ou o evento onblur..
Tinha esquecido do evento onblur. Ele é melhor se você não quer colocar um botão pois, basta alterar de "onkeyup" para "onblur" assim:
<INPUT TYPE="text" onblur="multiplica()" SIZE="3" NAME="preuni">

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...