Ir para conteúdo

POWERED BY:

Arquivado

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

Zoação

Calcular Campos

Por , em Javascript

Recommended Posts

Zoação    2

Zoação
Postado

Tenho um formulário que possui campos que preciso realizar cálculos matemáticos de acordo com a escolha do internauta.

 

Onde posso ver um exemplo para então adaptar a meu projeto?

 

1. O sistema realiza o cálculo de acordo com o valor unitário, vejam:

 

Vejam:

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

<style type="text/css">
.auto-style1 {
text-align: center;
}
.auto-style2 {
font-family: Verdana;
font-size: xx-small;
text-align: center;
}
.auto-style7 {
color: #FF0000;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: x-small;
border-style: solid;
}
.auto-style10 {
border-collapse: collapse;
border-width: 0;
}
.auto-style11 {
border-style: solid;
}
.auto-style13 {
border-width: 0;
border-style: solid;
}
.auto-style14 {
text-align: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: small;
}
.auto-style15 {
border-style: solid;
text-align: center;
}
.auto-style16 {
border-style: solid;
text-align: center;
font-size: x-small;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.auto-style17 {
text-align: center;
font-size: x-small;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
</style>
</head>

<form enctype='multipart/form-data' action='process.php' method='post'>
<table style="width: 850;" bordercolor="#000066" cellpadding="0" class="auto-style10" align="center">
<tr>
<td colspan="5" bgcolor="#B5CBEF" width="100%" bordercolor="#FFFFFF" background="tile_back.gif" style="height: 45px">
<p align="left\><b><font face="Verdana" size="2" color="#FFFFFF" class="auto-style14">
<strong>PEDIDO</strong></td>
</tr><tr>
<td colspan="5" bgcolor="#B5CBEF" height="16" width="100%" bordercolor="#FFFFFF" background="tile_sub.gif"><font size="2" face="Verdana"><b><font face="Verdana" size="2" color="#000066">
<!- You can add a brief form description here-->
 
</font></b></font></td></tr><tr>
<td colspan="5" bgcolor="#D6DFEF" height="16" width="100%" bordercolor="#FFFFFF" class="auto-style2">
Selecione o que deseja</td></tr><tr>
<td height="30" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style11" style="width: 15">
 </td>
<td bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style7" style="height: 15; width: 110px;">
PRODUTO</td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
QUANTIDADE</td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
VALOR UNITÁRIO</td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
VALOR TOTAL</td></tr><tr>
<td height="30" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style11" style="width: 15">
 </td>
<td bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style7" style="height: 15; width: 110px;">
01</td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style15" style="height: 15">
<input name="qto1" type="text" id="nome1" class="auto-style17" style="width: 91px"></td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style15" style="height: 15">
<input name="vlrunitario1" type="text" id="nome" class="auto-style17" style="width: 91px"></td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style15" style="height: 15">
<input name="total1" type="text" id="nome0" class="auto-style17" style="width: 91px"></td></tr><tr>
<td height="30" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style11" style="width: 15">
 </td>
<td bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style7" style="height: 15; width: 110px;">
02</td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style15" style="height: 15">
<input name="qto2" type="text" id="nome2" class="auto-style17" style="width: 91px"></td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style15" style="height: 15">
<input name="vlrunitario2" type="text" id="nome3" class="auto-style17" style="width: 91px"></td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style15" style="height: 15">
<input name="vlrtotal2" type="text" id="nome4" class="auto-style17" style="width: 91px"></td></tr><tr>
<td height="30" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style11" style="width: 15">
 </td>
<td bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style7" style="height: 15; width: 110px;">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
 </td></tr><tr>
<td height="30" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style11" style="width: 15">
 </td>
<td bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style7" style="height: 15; width: 110px;">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
Bairro</td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style15" style="height: 15">
<input name="totalgeral" type="text" id="nome5" class="auto-style17" style="width: 91px"></td></tr><tr>
<td height="30" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style11" style="width: 15">
 </td>
<td bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style7" style="height: 15; width: 110px;">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
 </td>
<td width="469" bgcolor="#EFF3F7" bordercolor="#FFFFFF" class="auto-style16" style="height: 15">
 </td></tr><tr>
<td colspan="5" bgcolor="#B5CBEF" background="tile_sub.gif" class="auto-style13">
<p class="auto-style1"><font face="Verdana" size="2">
<input type=submit value='Confirmar'>               <input type=reset value='Limpar tudo'></font></td></tr>
</table></form>
------------

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

Caro Cristiano,

 

Se você copiar o código e gerar o arquivo, então ficará fácil entender o que preciso fazer!!

 

é que ele já encontra-se montado.

 

Resumindo:

 

Tenho 3 campos e preciso que façam cálculos entre si, veja:

 

"qtoproduto" * "vlrunitario" = "totalproduto"

 

Esta é lógica do que preciso fazer.

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

Mas Rogério,

 

Se eu colocar uma observação também sobre habilitar o JavaScript daria certo, correto?

O problema seria explicar como ativar isto rsrs

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rogério Santana    172

Rogério Santana
Postado

O javascript já vem habilitado quando você instala um navegador, mas você tem que pensar num todo.

 

Faz parte da obrigação do programador, amarrar todas as possibilidades.

 

Mas voltando ao assunto ..... isso vai te ajudar a entender javascript

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito