Arquivo Discussoes de Programacao e Tecnologia 
Pessoal,
nunca usei ajax na minha vida, e queria saber se é possivel fazer cálculos com AJAX.
Estou fazendo um sistema de venda de tortas, usando jsp/servlets. Queria fazer um cálculo da torta pela quantidade de kilos desejada pelo usuário.
Ex: Ele quer comprar uma torta de 2kg. O preço do kilo é R$20.00. Tenho um combo com a quantidade de kilo (1kg,2kg e etc…) Queria que ao selecionar a quantidade de quilo, automaticamente ele desse o preço corrigido.
É possivel??
Abraços
Sim, é possível.
E se você estiver exibindo 2 inputs, respectivamente com preço e quantidade, você não precisará de ajax, apenas javascript.
É só colocar um evento para quando o cara sair do input, ou selecionar uma quantidade. multiplicar o value da quantidade
pelo value do preço.
Mais ou menos isso:
<script language="javascript">
function calcula(){
var valor=document.seuForm.valor.value;
var quantidade=document.seuForm.quantidade.value;
var resultado=((parseFloat(valor))*(parseFloat(quantidade)));
document.seuForm.total.value=resultado;
}
</script>
No evento onblur() do quantidade, você chama a calcula()
Nao deu certo… será que fiz algo errado?
Estou iniciando no desenvolvimento web. Me desculpe se o erro for um absurdo rsrs.
Segue o código
Código do Pedido:
<table>
<tr>
<td colspan="1">
<div class="conteinerfoto"><a href="#"> <img
src="img/TortinhasMorango.jpg" alt="" /></a> <br />
<input type="checkbox" value="1" name="torta" /> <span>Torta de Morango</span><br />
<span id="valor">R$ 17.00</span>
<select id="quantidade" onblur="calcula();" name="quilo">
<option>
<option>1 kg
<option>2 kg
<option>3 kg
<option>4 kg
<option>5 kg
</div>
</td>
Tem algumas coisas erradas, veja o exemplo para compreender melhor:
<html>
<head>
<title>Exemplo GUJ | Gbzao!</title>
<script language="javascript">
function calcula(){
var valor=document.seuForm.valor.value;
var quantidade=document.seuForm.quantidade.value;
var resultado=((parseFloat(valor))*(parseFloat(quantidade)));
document.seuForm.total.value=resultado;
}
</script>
</head>
<body>
<form id="seuForm" name="seuForm" method="post" action="">
<input type="text" name="valor" id="valor" />
*
<input type="text" name="quantidade" id="quantidade" onkeyup="calcula();" />
=
<input type="text" name="total" id="total" />
</form>
</body>
</html>
tá mas isso não é ajax, e sim uma gambiarra. rsrs…
Edit:
Ah tá! mas só lembrando que, não é interessante manter esse tipo de LOGICA DE NEGOCIO na interface…
Acho que vc nao me entendeu.
Veja bem.
Código do Pedido:
<table>
<tr>
<td colspan="1">
<div class="conteinerfoto"><a href="#"> <img
src="img/TortinhasMorango.jpg" alt="" /></a> <br />
<input type="checkbox" value="1" name="torta" /> <span>Torta de Morango</span><br />
[b]<span id="valor">R$17.00</span>
[/b]
1 kg
2 kg
3 kg
4 kg
5 kg
Quero selecionar esse option (combo) e ele muda automaticamente o que é o valor da torta.
Por exemplo.
Quero comprar uma torta de 3 kilos. Ele fará o cálculo e exibirá no msm span que está 17.00 o valor corrigido, no caso 51.00
Será feita uma relaçao do combo com o valor da torta.
Acho que vc nao me entendeu.
Veja bem.
<script type="text/javascript">
function calcula(){
var valor=document.form.valor.value;
var quantidade=document.form.quantidade.value;
var resultado=((parseFloat(valor))*(parseFloat(quantidade)));
document.form.total.value=resultado;
}
</script>
Código do Pedido: <input align="right" type="text" name="codigo" value="<%=codigoProduto%>" readonly="readonly"><br />
<h3>Bolos e Tortas</h3>
<br />
<table>
<tr>
<td colspan="1">
<div class="conteinerfoto"><a href="#"> <img
src="img/TortinhasMorango.jpg" alt="" /></a> <br />
<input type="checkbox" value="1" name="torta" /> <span>Torta de Morango</span><br />
<span id="valor">R$17.00</span>
<select id="quantidade" onblur="calcula();" name="quilo">
<option>
<option>1 kg
<option>2 kg
<option>3 kg
<option>4 kg
<option>5 kg
</div>
</td>
Quero selecionar esse option (combo) e ele muda automaticamente o que é o valor da torta.
Por exemplo.
Quero comprar uma torta de 3 kilos. Ele fará o cálculo e exibirá no msm span que está 17.00 o valor corrigido, no caso 51.00
Será feita uma relaçao do combo com o valor da torta.
Ninguém? 