Subtração de campos

[Douglas Fabiano 0]

Bom pessoal a minha dúvida é a seguinte:

 

Tenho 3 campos em um formulário (html), que são: campo1, campo2, total

 

Alguem sabe como posso fazer a subtração do campo1 - campo2 e o resultado ser exibido no "total" atraves de comando em botão "calcular"?

 

Obrigado

[Thiago Retondar 18]

Simples. Da uma olhada aqui:

 

JavaScript

window.onload = calcular;

function calcular(){
	document.getElementById("calcular").onclick = function(){
		var campo1 = document.getElementById("campo1").value;
		var campo2 = document.getElementById("campo2").value;
		var resultado = document.getElementById("resultado");
		return resultado.value = parseFloat(campo1) - parseFloat(campo2);
	}	
}

HTML

<form>
<label>Campo 1<input type="text" id="campo1" /></label><br />
<label>Campo 2<input type="text" id="campo2" /></label><br />
<input type="button" id="calcular" value="Calcular" ><input type="text" id="resultado" readonly="readonly" />
</form>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Douglas Fabiano 0]

esse comando de java coloco na própria página html?

dentro das tags <script>?

porem eu ja tenho um scrip (para bloquear botão direito do mouse e contra copiar texto) no início desta página, isso irá influenciar?

 

Obrigado

[William Bruno 1501]

Talvez, você chama eles no evento window.onload tb?

 

Precisa unificar as chamadas então.

window.onload = function(){
 funcao1();
 funcao2();
}

pseudo-código de exemplo

[Thiago Retondar 18]

Você pode fazer como o Bruno disse, ou como é para bloquear as ações do clique do mouse na janela, você pode fazer assim:

 

window.onclick = function(){
// Função para bloquear os cliques do mouse
}

Mas também depende de como vai estar a sua função para o bloqueio dos botões do mouse.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Douglas Fabiano 0]

o código do bloqueio é o seguinte

<script language=JavaScript>
<!--
var mensagem="";
function clickIE() {if (document.all) {(mensagem);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(mensagem);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// --> 
</script>

agora sobre minha dúvida tenho que colocar o código para fazer os cálculos no início da página mesmo?

[Thiago Retondar 18]

Faça assim:

 

window.onload = function(){
        notClick();
        calcular();
}
function notClick(){
        var mensagem="";
        function clickIE() {if (document.all) {(mensagem);return false;}}
        function clickNS(e) {if 
        (document.layers||(document.getElementById&&!document.all)) {
        if (e.which==2||e.which==3) {(mensagem);return false;}}}
        if (document.layers) 
        {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
        else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
        document.oncontextmenu=new Function("return false")
}
function calcular(){
        document.getElementById("calcular").onclick = function(){
                var campo1 = document.getElementById("campo1").value;
                var campo2 = document.getElementById("campo2").value;
                var resultado = document.getElementById("resultado");
                return resultado.value = parseFloat(campo1) - parseFloat(campo2);
        }       
}

Apenas juntei as funções. ^_^

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Douglas Fabiano 0]

ainda não deu certo.. veja cmo ficou no meu formulário:

 

<script language=JavaScript>
<!--
window.onload = function(){
        notClick();
        calcular();
}
function notClick(){
var mensagem="";
function clickIE() {if (document.all) {(mensagem);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(mensagem);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
}
function calcular(){
        document.getElementById("calcular").onclick = function(){
                var campo1 = document.getElementById("kmretornovtr").value;
                var campo2 = document.getElementById("kmsaidavtr").value;
                var resultado = document.getElementById("totalkmqru");
                return resultado.value = parseFloat(campo1) - parseFloat(campo2);
        }       
}
// --> 
</script>

Eu coloquei no ar para vcs darem uma olhada para ver o layout para entender melhor

 

http://www.apolopublicidade.com.br/teste1/inicio.asp

[Thiago Retondar 18]

Por que a função envolve document.getElementById("calcular").onclick, mas você não definiu no seu formulário um id="calcular". Olhe:

 

<input type="text" name="totalkmqru" /> 
		<input type="button" value="Calcular KM" name="B1"></label></td>

Substitua esse trecho por este:

 

<input type="text" name="totalkmqru" /> 
		<input type="button" value="Calcular KM" name="B1" id="calcular"></label></td>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

P.S.: Coloque seus códigos dentro do BBCode

.

[Douglas Fabiano 0]

Ainda não deu certo, sabe o que pode estar errado ainda?