Variável dinâmica

LucaFontoura · Outubro 17, 2012

Tenho o seguinte script que é uma lista de pedidos que realiza o calculo estantaneo multiplicando a quantidade

do produto pelo valor e no final realiza um somatório de todos os pedidos.

Segue o script que realiza isso, mas ele funciona somente para 10 ítens, alguem sabe como faço

para que eu aumente dinamicamente estes itens sem ter que repetir. Ou seja com apenas um ítem

fazer com que as variáveis seja criadas dinamicamente como se fosse um for.

Tentei colocar em um laço (FOR) mas não tive sucesso.

Segue o script que tenho:

function startCalc(){
 interval = setInterval("calc()",1);
}

function calc(){
 /*MASCARA 0 */
 one0 = document.autoSumForm.qtd0.value;
 two0 = document.autoSumForm.pre0.value; 
 two0 = two0.replace(".", ""); 
 two0 = two0.replace(",", ""); 
 sub0=((one0 * 1) * (two0 * 1)/100);
 resul0=document.autoSumForm.subTot0.value = sub0.toFixed(2);

 /*MASCARA 1 */
 one1 = document.autoSumForm.qtd1.value;
 two1 = document.autoSumForm.pre1.value; 
 two1 = two1.replace(".", ""); 
 two1 = two1.replace(",", ""); 
 sub1=((one1 * 1) * (two1 * 1)/100);
 resul1=document.autoSumForm.subTot1.value = sub1.toFixed(2);

 /*MASCARA 2 */
 one2 = document.autoSumForm.qtd2.value;
 two2 = document.autoSumForm.pre2.value; 
 two2 = two2.replace(".", ""); 
 two2 = two2.replace(",", ""); 
 sub2=((one2 * 1) * (two2 * 1)/100);
 resul2=document.autoSumForm.subTot2.value = sub2.toFixed(2);

 /*MASCARA 3 */
 one3 = document.autoSumForm.qtd3.value;
 two3 = document.autoSumForm.pre3.value; 
 two3 = two3.replace(".", ""); 
 two3 = two3.replace(",", ""); 
 sub3=((one3 * 1) * (two3 * 1)/100);
 resul3=document.autoSumForm.subTot3.value = sub3.toFixed(2);

 /*MASCARA 4 */
 one4 = document.autoSumForm.qtd4.value;
 two4 = document.autoSumForm.pre4.value; 
 two4 = two4.replace(".", ""); 
 two4 = two4.replace(",", ""); 
 sub4=((one4 * 1) * (two4 * 1)/100);
 resul4=document.autoSumForm.subTot4.value = sub4.toFixed(2);

 /*MASCARA 5 */
 one5 = document.autoSumForm.qtd5.value;
 two5 = document.autoSumForm.pre5.value; 
 two5 = two5.replace(".", ""); 
 two5 = two5.replace(",", ""); 
 sub5=((one5 * 1) * (two5 * 1)/100);
 resul5=document.autoSumForm.subTot5.value = sub5.toFixed(2);

 /*MASCARA 6 */
 one6 = document.autoSumForm.qtd6.value;
 two6 = document.autoSumForm.pre6.value; 
 two6 = two6.replace(".", ""); 
 two6 = two6.replace(",", ""); 
 sub6=((one6 * 1) * (two6 * 1)/100);
 resul6=document.autoSumForm.subTot6.value = sub6.toFixed(2);

 /*MASCARA 7 */
 one7 = document.autoSumForm.qtd7.value;
 two7 = document.autoSumForm.pre7.value; 
 two7 = two7.replace(".", ""); 
 two7 = two7.replace(",", ""); 
 sub7=((one7 * 1) * (two7 * 1)/100);
 resul7=document.autoSumForm.subTot7.value = sub7.toFixed(2);

 /*MASCARA 8 */
 one8 = document.autoSumForm.qtd8.value;
 two8 = document.autoSumForm.pre8.value; 
 two8 = two8.replace(".", ""); 
 two8 = two8.replace(",", ""); 
 sub8=((one8 * 1) * (two8 * 1)/100);
 resul8=document.autoSumForm.subTot8.value = sub8.toFixed(2);

 /*MASCARA 9 */
 one9 = document.autoSumForm.qtd9.value;
 two9 = document.autoSumForm.pre9.value; 
 two9 = two9.replace(".", ""); 
 two9 = two9.replace(",", ""); 
 sub9=((one9 * 1) * (two9 * 1)/100);
 resul9=document.autoSumForm.subTot9.value = sub9.toFixed(2);

 tot = (resul0 * 1) + (resul1 * 1) + (resul2 * 1) + (resul3 * 1) + (resul4 * 1) + (resul5 * 1) + (resul6 * 1) + (resul7 * 1) + (resul8 * 1) + (resul9 * 1);
 resultotal=document.autoSumForm.thirdTot.value = tot.toFixed(2);


}

Arash · Outubro 18, 2012

Eu acho que isso vai funcionar, se não funcionar salva no jsFiddle e manda o link pra gente olhar ^^.

function calc() {
var j = 10,  qtd = "qtd", pre = "pre", sub = "subTot", resultado = [], resul, tot = 0;
for (i = 0; i < j; i+= 1) {
   	qtd += i.toString();
   	pre += i.toString();
   	sub += i.toString();
   	one = new Number(document.getElementById(qtd).value.replace('.', ''));
   	two = new Number(document.getElementById(pre).value.replace('.', ''));
   	resul = (one * two) / 100;
   	resultado.push(resul);
   	resul = resul.toFixed(2);
   	document.getElementById(sub).value = resul;
}
for (i = 0; i < j; i += 1) {
   	tot += resultado[i];
}
document.getElementById("thirdTot") = tot.toFixed(2);
}

LucaFontoura · Outubro 18, 2012

Tentei implementar o código que me foi sugerido mas não deu certo. Pode ter sido eu que fiz algo de errado.

Posto abaixo o código da maneira como está funcionando. Ou seja na parte do html eu consigo colocar ele em

um laço (for) onde as variáveis são criadas dinamicamente conforme o índice do for, mas não consigo fazer isto

no javascript.

Como eu implementaria o html com o código que me foi sugerido anteriormente?

Segue o código que funciona

<script>
function startCalc(){
 interval = setInterval("calc()",1);
}

function calc(){
 /*MASCARA 0 */
 one0 = document.autoSumForm.qtd0.value;
 two0 = document.autoSumForm.pre0.value; 
 two0 = two0.replace(".", ""); 
 two0 = two0.replace(",", ""); 
 sub0=((one0 * 1) * (two0 * 1)/100);
 resul0=document.autoSumForm.subTot0.value = sub0.toFixed(2);

 /*MASCARA 1 */
 one1 = document.autoSumForm.qtd1.value;
 two1 = document.autoSumForm.pre1.value; 
 two1 = two1.replace(".", ""); 
 two1 = two1.replace(",", ""); 
 sub1=((one1 * 1) * (two1 * 1)/100);
 resul1=document.autoSumForm.subTot1.value = sub1.toFixed(2);


 tot = (resul0 * 1) + (resul1 * 1) ;
 resultotal=document.autoSumForm.thirdTot.value = tot.toFixed(2);


}

</script>
<table width="50%" border="1">
<form name="autoSumForm" method="post" action="carrinho_padrao/acao_padrao2.php" enctype="multipart/form-data">
	<tr>
	<td width="1%" class="courier_tab">Ítem</td>
	<td width="1%" class="courier_tab">Qtd.</td>
	<td width="5%" class="courier_tab">Preço Uni.</td>
	<td width="5%" class="courier_tab">Sub. Total</td>
	</tr>
	<?php
	 for ($z=0; $z<= 1; $z++){
	 ?>
	<tr>
	<td width="%" class="courier_tab" align="center"> <?php echo $z+1;?></td>			
	<td width="1%" class="courier_tab"><input type="text" name="qtd<?php echo $z;?>" value="" onFocus="startCalc();" onBlur="stopCalc();"></td>
	<td width="1%" class="courier_tab"><input type="text" name="pre<?php echo $z;?>" value="<?php print_r($_SESSION['Pre'][$z]);?>" onKeyUp="Mascara(this,Area)" onFocus="startCalc();" onBlur="stopCalc();""></td>
	<td width="1%" class="courier_tab"><input type="text" name="subTot<?php echo $z;?>" value=""></td>
	</tr>
	<?php
	}
	?>
	 <tr>
	 <td align="right" class="courier_tab" colspan="11" class="courier_tab">Total
	 <input class="right" type=text  name="thirdTot" size="8" value=""></td>
	 </tr>
	</form>
	</table>

Arash · Outubro 18, 2012

É realmente nunca ia funcionar, por que eu coloquei document.getElementById, e ele vai pegar o id do objeto, então sujiro que voce coloque o id

qtd0, qtd1....

pre0, pre1....

subTot0, subTot1...

No HTML de onde ele vai pegar o valor! e no thirdTot, voce pode até fazer com document.getElementsByName, mas tem que mudar o código que eu fiz, se voce consegue dar conta, vá enfrente!

LucaFontoura · Outubro 19, 2012

Ok, fiz as alterações colocando o ID funcionou somente para o primeiro elemento do formulário,

parece que ele calcula somente na primeira passagem do laço (FOR).

para o segundo não apareceu o resultado da multiplicação no subtotal.

Outra coisa que fiz foi colocar: id="thirdTot" no total mas não deu o resultado total

ficou em branco.

Sou iniciante no Javascript por isso está difícil de resolver este problema.

Vadio · Outubro 23, 2012

sim.

use Frameworks..

use jquery ou Yui ou Dojo ou ExtJS ou kk framework de js pra te facilitar a vida.

com jquery use o plugin mask para fazer as mascaras

dojo use o CurrencyTextBox

e por ae vai...

LucaFontoura · Outubro 24, 2012

É realmente nunca ia funcionar, por que eu coloquei document.getElementById, e ele vai pegar o id do objeto, então sujiro que voce coloque o id

qtd0, qtd1....

pre0, pre1....

subTot0, subTot1...

No HTML de onde ele vai pegar o valor! e no thirdTot, voce pode até fazer com document.getElementsByName, mas tem que mudar o código que eu fiz, se voce consegue dar conta, vá enfrente!

Ok, fiz as alterações colocando o ID funcionou somente para o primeiro elemento do formulário,

parece que ele calcula somente na primeira passagem do laço (FOR).

para o segundo não apareceu o resultado da multiplicação no subtotal.

Outra coisa que fiz foi colocar: id="thirdTot" no total mas não deu o resultado total

ficou em branco.

Sou iniciante no Javascript por isso está difícil de resolver este problema.

Entrar

Arquivado

Variável dinâmica

Recommended Posts

LucaFontoura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Arash 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

LucaFontoura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Arash 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

LucaFontoura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Vadio 13

Compartilhar este post

Link para o post

Compartilhar em outros sites

LucaFontoura 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante