calcular valor por metro quadrado

Júnior92 · December 19, 2011

Olá. sou novato aqui e já não sei mais como resolver meu problema! Desde já deixar claro que sou novo em dreaweaver e javascript, mais não sou desses que querem que as coisas caem do céu! Realmente já procurei em tudo que esta ao me alcance e não consigo resolver!

O que eu quero é o seguinte: preciso saber como faço para dar ao cliente, o valor total do produto sendo que tem que ser calculado por metro.

queria que ficasse = a esse site: clique aki.

Estou montando um site para uma gráfica e no qual precisaria ficar como aquele!

No código fonte esta assim:

function calculaMetro (objeto) {
nome = objeto.name;
metro = 1;
calculo = $("#valorSubProdutoTopo").val();
if (nome == "largura") {
if (objeto.value > 0 && $(objeto).next("input[name=altura]").val() > 0) {
metro = objeto.value * $(objeto).next("input[name=altura]").val();
if (metro > 1)
calculo = objeto.value * $(objeto).next("input[name=altura]").val() * $("#valorSubProdutoTopo").val();
else
calculo = $("#valorSubProdutoTopo").val();
}
}
else if (nome == "altura") {
if (objeto.value > 0 && $(objeto).parent().parent().parent().parent().find("input[name=largura]").val() > 0) {
metro = objeto.value * $(objeto).parent().parent().parent().parent().find("input[name=largura]").val();
if (metro > 1)
calculo = objeto.value * $(objeto).parent().parent().parent().parent().find("input[name=largura]").val() * $("#valorSubProdutoTopo").val();
else
calculo = $("#valorSubProdutoTopo").val();
}
}

$(".metragemTotal").empty().html(metro);
$(".metragemValorTotal").empty().html(float2moeda(calculo));
}

Quem puder me ajudar! Meu DW é cs3.

lucas.js · December 20, 2011

Fiz essa pagina,

veja se ajuda:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste</title>
<script type="text/javascript">
valorpormetro=50.00;
function calcula(){
    var l=parseInt(document.getElementById('largura').value,10)||0,
    a=parseInt(document.getElementById('altura').value,10)||0,
    valor=(l*a*valorpormetro*100)+'';
    valorformatado=valor.substr(0,valor.length-2)+','+valor.substr(valor.length-2,2);
    if(valor=='0')valorformatado='00,00';
    document.getElementById('mostra').innerHTML="Total: "+l*a+"m² - R$ "+valorformatado;
    
    
}
</script>
</head>
<body>
<form id="teste" name="teste" action="teste.php" method="post">
L: <input type="text" id="largura" name="largura" onkeyup="calcula()" style="width:100px" /> 
A: <input type="text" id="altura" name="altura" onkeyup="calcula()" style="width:100px" /> 
(metros) R$ <script type="text/javascript">document.write((valorpormetro*100+'').substr(0,(valorpormetro*100+'').length-2)+','+(valorpormetro*100+'').substr((valorpormetro*100+'').length-2,2))</script> 
<div id="mostra"></div>
</form>
</body>
</html>

Júnior92 · December 21, 2011

Fiz essa pagina,

veja se ajuda:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste</title>
&lt;script type="text/javascript">
valorpormetro=50.00;
function calcula(){
    var l=parseInt(document.getElementById('largura').value,10)||0,
    a=parseInt(document.getElementById('altura').value,10)||0,
    valor=(l*a*valorpormetro*100)+'';
    valorformatado=valor.substr(0,valor.length-2)+','+valor.substr(valor.length-2,2);
    if(valor=='0')valorformatado='00,00';
    document.getElementById('mostra').innerHTML="Total: "+l*a+"m² - R$ "+valorformatado;
    
    
}
</script>
</head>
<body>
<form id="teste" name="teste" action="teste.php" method="post">
L: <input type="text" id="largura" name="largura" onkeyup="calcula()" style="width:100px" /> 
A: <input type="text" id="altura" name="altura" onkeyup="calcula()" style="width:100px" /> 
(metros) R$ &lt;script type="text/javascript">document.write((valorpormetro*100+'').substr(0,(valorpormetro*100+'').length-2)+','+(valorpormetro*100+'').substr((valorpormetro*100+'').length-2,2))</script> 
<div id="mostra"></div>
</form>
</body>
</html>

Mano, perfeito!!!! muito obrigado mesmo e tomara que um dia eu possa ta respondendo e te ajudando em um post!!

Júnior92 · December 21, 2011

Amigo, no caso só ficou uma coisa "errada". Queria saber onde modifico para que ele me informe o valor mesmo sendo fracionado. Tipo: 0,50*1,25=...

Se PUDER, desde já vlw!!!

lucas.js · December 22, 2011

Hum...

substitua a função por esta:

function calcula(){
    var l=parseFloat(document.getElementById('largura').value.replace(/,/g,"."))||0,
    a=parseFloat(document.getElementById('altura').value.replace(/,/g,"."))||0,
    valor=Math.round(l*a*valorpormetro*100)+'';
    valorformatado=valor.replace(/(\d{2})$/,",$1"),
    i=valorformatado.length-6;
    while(i>0){
        valorformatado=valorformatado.substr(0,i)+'.'+valorformatado.substring(i,valorformatado.length);
        i-=3;
    }
    if(valor=='0')valorformatado='00,00';
    document.getElementById('mostra').innerHTML="Total: "+Math.round(l*a*10000)/10000+"m² - R$ "+valorformatado;
}

Obs: Editei a função para já mascarar o valor: tipo: em vez de R$ 1250,00 fica R$ 1.250,00

Obs2: Editei novamente para tirar um bug do javascript.

Veja abaixo:

Edited December 22, 2011 by lucas.js

Anderson Hidalgo · March 13, 2017

Bom dia galera, tudo bem?

Pow esse post me ajudou d+++, sou bem noob em programação fiz um curso a 2 anos mas abandonei, agora estou fazendo um site pra mim, vocês poderiam me dar um help?

Na situação a cima eu gostaria de adicionar um campo onde o cliente pode escolher o tipo de material, sendo que cada material tem um valor, como eu faço isso? Eu sei que é bem noob a minha pergunta rsrs...

Se alguém puder me ajudar aqui mesmo ou pelo whats meu numero é (44)9.88231585

Desde já muito obrigado.

Sign In

calcular valor por metro quadrado

Question

Júnior92

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

lucas.js

Link to comment

Share on other sites

Júnior92

Link to comment

Share on other sites

Júnior92

Link to comment

Share on other sites

lucas.js

Link to comment

Share on other sites

Anderson Hidalgo

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity