Ir para conteúdo

POWERED BY:

Arquivado

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

KMRodrigo

[Resolvido] Calcular campos

Recommended Posts

Olá galera to com um probleminha, na verdade já resolvi mas ficou feio

Seguinte tenho que medir uma caixa.

 

ou seja, usuário digita X, Y, Z e um botão tipo (calcular) pega o valor deles multiplicados e joga num input text abaixo. Como faço isso?

acredito que seja javascript, com php eu fiz mas deu algumas páginas, pq ao apertar botão redirecionava pra outra página para pegar as informações e salvar e exibir num campo.

 

desculpe procurei de outra forma e encontrei

http://forum.imasters.com.br/topic/385938-preencher-campo-automaticamente/page__p__1503564__hl__%2Bcalcular+%2Bcampos+%2B__fromsearch__1#entry1503564

Compartilhar este post


Link para o post
Compartilhar em outros sites

PHP na mesma pagina :)

<?php
if(isset($_POST['action']) && $_POST['action'] == 'submitted') {
$valor1 = $_POST['valor1'];
$valor2 = $_POST['valor2'];
echo $valor1 + $valor2;
}
?>
<form method="post" action="">
Valor 1: <input type="text" name="valor1" /><br />
Valor 2: <input type="text" name="valor2" /><br />
<input type="submit" value="Cadastrar" />
<input type="hidden" name="action" value="submitted" />
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

PHP n da, ele apaga os outros campos da página, isso é um grande problema pq vai entrar num relatório de carga aérea.

 

galera pode comentar pra mim parte desse código? to precisando de teoria.

<script type="text/javascript"> 
function id( el ){                            //não sei pq precisa dessa primeira função
       return document.getElementById( el );
}
function calcular( el )                       // essa primeira linha que referencia a outra função tmb n manjo.
{                                             //daqui pra baixo é só lógica entaum n precisa, preciso msm das de cima
       var a = id('a').value;
       var b = id('b').value;
       var c = id('c').value;
       var num = id('num').value;
	var d;


	d = a * b * c;
	e = d/6000 * num; 
	id('f').value = e

} 
</script>
</head>
<body>


<table>
<tr>
<td>Qtde.:<td>X:</td><td>Y:</td><td>Z:</td>
<tr>
       <td><input type="text" id="num" name="num" size="1" /></td>
       <td><input type="text" id="a" name="a" size="1" />x</td>
       <td><input type="text" id="b" name="b" size="1" />x</td>
	<td><input type="text" id="c" name="c" size="1" /></td>
</tr></table>
       <input type="text" id="f" name="f" disabled="disabled" size="8" /> //aqui entra outro problema, preciso que esse valor fique em um form pra poder mandar pra php e transferir pro banco de dados, mas quando coloca entre <form> ele da erro.
       <input type="button" name="calcular" value="calcular" onclick="calcular()" />

 

ps. desculpe o fato do tópico estar no local errado, dps que foi digitando o primeiro post do tópico é q me dei conta

Compartilhar este post


Link para o post
Compartilhar em outros sites
<!doctype html>
<html>
   <head>
       <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
       <script type="text/javascript">
         window.onload = function(){
             var inputs = document.getElementById( 'inputs' ).getElementsByTagName( 'input' )
              for( var i = 0; i < inputs.length; ++i ){
                   inputs[ i ].onkeyup = function(){
                       var a = document.getElementById( 'a' ).value;
                       var b = document.getElementById( 'b' ).value;
                       var c = document.getElementById( 'c' ).value;
                       var num = document.getElementById( 'num' ).value;
                       var sum = a * b * c;
                       document.getElementById( 'f' ).value = sum / 6000 * num;
                       return false;
                   }
              }
         }
       </script>
   </head>
   <body>
       <div id="inputs">
           <input type="text" id="num" name="num" size="1" />
           <input type="text" id="a" name="a" size="1" />x
           <input type="text" id="b" name="b" size="1" />x
           <input type="text" id="c" name="c" size="1" />
       </div>
       <fieldset>
           <form method="POST" action="">
               <input type="text" id="f" name="f" readonly />
               <input type="submit" name="enviar" value="Enviar" />
           </form>
       </fieldset>
   </body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script type="text/javascript">
         window.onload = function(){
             var inputs = document.getElementById( 'inputs' ).getElementsByTagName( 'input' )
              for( var i = 0; i < inputs.length; ++i ){
                   inputs[ i ].onkeyup = function(){
                       var a = document.getElementById( 'a' ).value;
                       var b = document.getElementById( 'b' ).value;
                       var c = document.getElementById( 'c' ).value;
                       var num = parseFloat(  document.getElementById( 'num' ).value );
                       var sum = parseFloat( a * b * c );
                       document.getElementById( 'f' ).value = sum / 6000 * num;
                       return false;
                   }
              }
         }
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

desculpe andrey já estava funcionando, a questão é q eu tava usando virgula para separar e não o ponto.

Obrigado cara.

 

desculpe andrey já estava funcionando, a questão é q eu tava usando virgula para separar e não o ponto.

Obrigado cara.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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