Ir para conteúdo

POWERED BY:

Arquivado

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

Bruno Depieri Barduchi

calcula e apresenta na tela

Por , em Javascript

Recommended Posts

Bruno Depieri Barduchi    0

Bruno Depieri Barduchi
Postado

fala galera, beleza?

preciso de ua ajuda de vcs

estou tentando fazer um script com php que faça na mesma tela uma contagem de valor atual, valor gasto e apresente o resto, +- assim

<?php 
$valor_total = "5";
?>
<form action="ficha" method="post">

<label>Você tem R$</label><input name="item1" type="text" value="<?php print $valor_total;?>" /><br />

<label>item1</label><input name="item1+" type="button" value="+" /><input name="item1" type="text" /><input name="item1-" type="button" value="-" /><br />
<label>item2</label><input name="item2+" type="button" value="+" /><input name="item2" type="text" /><input name="item2-" type="button" value="-" /><br />
<label>item3</label><input name="item3+" type="button" value="+" /><input name="item3" type="text" /><input name="item3-" type="button" value="-" /><br />

<label>Resta R$</label><input name="resto" type="text" value="<?php print $resto = $valor_total - item1 - item2 - item3;?>" /><br />

</form>

achei uma coisa parecida mas não consigo atualizar corretamente quando abre o reset e nem receber a variável com o valor total nas mensagens (alert), alguém pode ajudar?

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>        
    </head>
    <body>
    <?php
    	$valor_total = 7;
		//print $valor_total;
    ?>
		<script type="text/javascript">
            function add_to( methoda, fieldu)
            {
            var current = parseInt(document.forms['newplayer'].elements[fieldu].value);
            var left_to = parseInt(document.forms['newplayer'].elements['left_to'].value);
            var total_num = parseInt(document.forms['newplayer'].elements['total_num'].value);
			var valor_total=$valor_total;
            if(methoda=='-')
            {	
				var nextu=current-1;
                left_to++;
                total_num--;
            }else{
                var nextu=current+1;
                left_to--;
				total_num++;
                }
            if(nextu < 0)
                alert('Você não tem mais pontos para distribuir.');
                else if(nextu > 3)
                alert('Este item não pode exceder 3 pontos.');
                else
                {
                    if(left_to>=0 || methoda =='-'){
                        document.forms['newplayer'].elements[fieldu].value=nextu;
                        document.forms['newplayer'].elements[fieldu+'_show'].value=nextu;
                        document.forms['newplayer'].elements['left_to'].value=left_to;
                        document.forms['newplayer'].elements['total_num'].value=total_num ;
                        }
                        else
                        alert('Existem 221 pontos que você pode atribuir e você tem 0 no momento. Clique em (-) se você deseja deduzir alguns pontos.');
            
                    }
                }
            
            function reset_fields(methoda)
            {            
                var skills=new Array("floor","dribbling","passing","stealing","stamina","strength","jumping","confidence","3pt shooting","inside shooting","blocking","speed","rebounding")
                var valoarea=0;
                var total_num=0;
				            
                for(var i=0;i<=12;i++)
                {
                    if(methoda=='reset')
                    {
                        document.forms['newplayer'].elements[skills[i]+'_show'].value=valoarea;
                        document.forms['newplayer'].elements[skills[i]].value=valoarea;
                        total_num+=valoarea;
                    }            
                }            
                    document.forms['newplayer'].elements['total_num'].value=total_num;
                    document.forms['newplayer'].elements['left_to'].value=$valor_total-total_num;
            }
            
            function ask_if()
            {
                var valor_total=$valor_total;
                var total_num = parseInt(document.forms['newplayer'].elements['total_num'].value);
                if(total_num!=$valor_total)
                {
                    alert('Please use all available skills. You are using '+total_num+' out of the available 221.');
                    return false
                }
                else	return true
            }
        </script>   
        <form name="newplayer" id="newplayer" action="home.php" method="POST" enctype="multipart/form-data" onSubmit="javascript:return ask_if();"> 
         
            <!-- Passing -->
            <label>Passing</label> 
            <a href="#" onClick="javascript:add_to('+','passing')">+</a> 
            <input name="passing_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','passing')">-</a> 
            <input name="passing" value="0" type="hidden"> 
            <!-- Passing -->
            <br />
            <!-- Stealing -->            
            <label>Stealing</label>
            <a href="#" onClick="javascript:add_to('+','stealing')">+</a> 
            <input name="stealing_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','stealing')">-</a>  
            <input name="stealing" value="0" type="hidden"> 
            <!-- Stealing -->
            <br />
            <!-- Dribbling -->
            <label>Dribbling</label>
            <a href="#" onClick="javascript:add_to('+','dribbling')">+</a> 
            <input name="dribbling_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','dribbling')">-</a> 
            <input name="dribbling" value="0" type="hidden"> 
            <!-- Dribbling -->
            <br />
            <!-- 3pt Shooting -->
            <label>3pt Shooting</label>
            <a href="#" onClick="javascript:add_to('+','3pt shooting')">+</a> 
            <input name="3pt shooting_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','3pt shooting')">-</a>  
            <input name="3pt shooting" value="0" type="hidden">   
            <!-- 3pt Shooting -->
            <br />         
            <!-- Speed -->
            <label>Speed</label>
            <a href="#" onClick="javascript:add_to('+','speed')">+</a> 
            <input name="speed_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','speed')">-</a> 
            <input name="speed" value="0" type="hidden"> 
            <!-- Speed -->
            <br />  
            <!-- Blocking -->
            <label>Blocking</label>
            <a href="#" onClick="javascript:add_to('+','blocking')">+</a> 
            <input name="blocking_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','blocking')">-</a>  
            <input name="blocking" value="0" type="hidden">   
            <!-- Blocking -->
            <br />  
            <!-- Strength -->
            <label>Strength</label>
            <a href="#" onClick="javascript:add_to('+','strength')">+</a> 
            <input name="strength_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','strength')">-</a> 
            <input name="strength" value="0" type="hidden"> 
            <!-- Strength -->
            <br />
            <!-- Inside Shooting -->
            <label>Inside Shooting</label>
            <a href="#" onClick="javascript:add_to('+','inside shooting')">+</a> 
            <input name="inside shooting_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','inside shooting')">-</a> 
            <input name="inside shooting" value="0" type="hidden"> 
            <!-- Inside Shooting -->
            <br />
            <!-- Floor -->
            <label>Floor</label>
            <a href="#" onClick="javascript:add_to('+','floor')">+</a> 
            <input name="floor_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','floor')">-</a> 
            <input name="floor" value="0" type="hidden"> 
            <!-- Floor -->
            <br />
            <!-- Stamina -->
            <label>Stamina</label>
            <a href="#" onClick="javascript:add_to('+','stamina')">+</a> 
            <input name="stamina_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','stamina')">-</a> 
            <input name="stamina" value="0" type="hidden"> 
            <!-- Stamina -->
            <br />
            <!-- Jumping -->
            <label>Jumping</label>
            <a href="#" onClick="javascript:add_to('+','jumping')">+</a> 
            <input name="jumping_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','jumping')">-</a> 
            <input name="jumping" value="0" type="hidden"> 
            <!-- Jumping -->
            <br />
            <!-- Rebounding -->
            <label>Rebounding</label>
            <a href="#" onClick="javascript:add_to('+','rebounding')">+</a> 
            <input name="rebounding_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','rebounding')">-</a> 
            <input name="rebounding" value="0" type="hidden"> 
            <!-- Rebounding -->
            <br />
            <!-- Confidence -->
            <label>Confidence</label>
            <a href="#" onClick="javascript:add_to('+','confidence')">+</a> 
            <input name="confidence_show" value="0" class="cell_white_hover" disabled="true" type="text"> 
            <a href="#" onClick="javascript:add_to('-','confidence')">-</a> 
            <input name="confidence" value="0" type="hidden"> 
            <!-- Confidence -->
            <br />
            <!-- Total -->
            <label>Total</label>
            <b><span id="span_total"> <input name="total_num" value="0" class="cell_white_hover" disabled="true" type="text"></span></b>
            <!-- Total -->
            <br />
            <!-- Reset -->
            <input class="cell_dblue" name="reset" onClick="javascript:reset_fields('reset')" value="Reset" type="button">
            <!-- Reset -->
            <br />
            <!-- Points -->
            <label>Points</label>
            <input name="left_to" value="<?php print $valor_total;?>" class="cell_white_hover" size="0" disabled="true" type="text">   
            <!-- Points -->
            
        </form>
	</body>
</html>
vlw e t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Você está confundido o tempo de execução de cada linguagem..

php roda no servidor, então só vai ser processado se você requisitar algo.. via GET, via POST..

para fazer esse calculo, use somente javascript:

 

<?php 
	$valor_total = "5";
?>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
function pFloat( el ){
	return parseFloat( id( el ).value ); 
}
function somar(){
	id('resto').value = pFloat('tem') - pFloat('item1') - pFloat('item2') - pFloat('item3');
}
</script>
<form action="ficha" method="post">

	<label>Você tem R$</label><input name="tem" id="tem" type="text" value="<?php print $valor_total;?>" /><br />

	<label>item1</label><input name="item1+" type="button" value="+" /><input name="item1" value="0" type="text" id="item1" onkeyup="somar()" />
		<input name="item1-" type="button" value="-" /><br />
	<label>item2</label><input name="item2+" type="button" value="+" /><input name="item2" value="0" type="text" id="item2" onkeyup="somar()" />
		<input name="item2-" type="button" value="-" /><br />
	<label>item3</label><input name="item3+" type="button" value="+" /><input name="item3" value="0" type="text" id="item3" onkeyup="somar()" />
		<input name="item3-" type="button" value="-" /><br />

	<label>Resta R$</label><input name="resto" id="resto" type="text" value="0" /><br />
</form>

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