Resultado Multiplicação Automatico

monalisa · Agosto 17, 2005

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???

Bicicleta · Agosto 17, 2005

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

monalisa · Agosto 17, 2005

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.

Bicicleta · Agosto 17, 2005

então faça a chamada da função no momento em que a caixa de texto perder o foco...

[]s

monalisa · Agosto 17, 2005

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:

function multiplica(frmitementrada)

{

numer1 = parseInt(quantidade.value)

numer2 = parseInt(preuni.value)

soma = numer1 * numer2

total.value = soma

}

</script>

<?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>

rafaelbortoletto · Agosto 18, 2005

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.

monalisa · Agosto 18, 2005

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.

rafaelbortoletto · Agosto 18, 2005

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.

Lex · Agosto 18, 2005

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

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

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

rafaelbortoletto · Agosto 18, 2005

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
numer1 = parseInt(document.frmitementrada.quantidade.value);
numer2 = parseInt(document.frmitementrada.preuni.value);
soma = numer1 * numer2;
result = (soma=="NaN")?"":soma;
document.frmitementrada.total.value = result;
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">

monalisa · Agosto 18, 2005

Galerinha do Java

Valeu. Obrigada pelas dicas, deu tudo certinho.

Abraços.

Entrar

Resultado Multiplicação Automatico

Pergunta

Link para o comentário

Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns