Search the Community

Ola, Tenho um formulário em abas onde cadastro dados dos alunos e mando para o banco de dados. <div role="tabpanel" class="tab-pane" id="avaliacao"> <div style="padding-top:20px;"> <form class="form-horizontal" action="" method="POST"> <div class="form-row"> <div class="form-group col-md-2"> <label for="peso">Peso</label> <input type="text" name='peso' class="form-control" id="peso" placeholder="Peso"> </div> <div class="form-group col-md-2"> <label for="altura">Altura</label> <input type="text" name='altura' class="form-control" id="altura" placeholder="Altura em metros"> </div> <div class="form-group col-md-2"> <label for="imc">IMC</label> <input type="text" name='imc' class="form-control" id="imc" placeholder="IMC"> </div> <div class="form-group col-md-2"> <label for="rcq">Relação Cintura Quadril</label> <input type="text" name='rcq' class="form-control" id="rcq" placeholder="RCQ"> </div> </div> </div> </div> O que gostaria de fazer é que ao digitar os dois primeiros, Peso e Altura, o campo IMC fosse preenchido automaticamente com o resultado (número inteiro) A fórmula para o calculo seria: Peso / altura x altura * Leia-se: peso dividido pela altura ao quadro Mas sinceramente entendo pouco de javascript, alguém pode me dar uma força? Tenho um script que peguei na internet que consigo fazer as operações matemáticas, mas não sei como alterar para realizar a operação acima. E preciso que não mostre as casas após a virgula, como neste script abaixo. <script type="text/javascript"> function id(el) { return document.getElementById( el ); } function metros_perc( un, cooper ) { return parseFloat(un.replace(',', '.'), 10) * parseFloat(cooper.replace(',', '.'), 10); } window.onload = function() { id('mquadra').addEventListener('keyup', function() { var result = metros_perc( this.value , id('cooper').value ); id('metros_perc').value = String(result.toFixed(2)).formatMoney(); }); id('cooper').addEventListener('keyup', function(){ var result = metros_perc( id('mquadra').value , this.value ); id('metros_perc').value = String(result.toFixed(2)).formatMoney(); }); } String.prototype.formatMoney = function() { var v = this; if(v.indexOf('.') === -1) { v = v.replace(/([\d]+)/, "$00"); } v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20"); v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2"); v = v.replace(/([\d]+)([\d]{3}),([\d]{2})$/, "$1.$2,$3"); return v; }; </script>

<section id="contato" class="imgcontato flexivel"> <article id="formulario"> <form class="cxformulario" action="envia_fale.php" method="post" name="form"> <div class="tituloContato">Aguardamos seu e_mail.</div> <label>Nome:</label> <input type="text" name="nome" maxlength="28" required="required"/> <label> E_mail:</label> <input type="email" name="email" maxlength="28" required="required"/> <label>Assunto:</label> <input type="text" name="assunto" maxlength="28" required="required"/> <label>Mensagem</label> <textarea name="mensagem" ></textarea> <div class="botoes"> <button type="submit" class="btenviar">enviar</button> <button type="reset" class="btlimpar">limpar</button> </div> </form> </article> </section>

Como fazer em javascript para que, por exemplo, só apareça o preço do produto quando selecionado a cor e o tamanho? Usei o script a baixo para que, ao selecionar o produto, apareça sua descrição e preço. Mas agora preciso que só apareça a descrição e o preço quando selecionado o produto a cor e o tamanho, no caso de cada tamanho tiver um preço diferente. <script> function detalhes(descricao1,preco1, Valor){ Valor = document.getElementById("produto").value; if (Valor=="classe") { document.getElementById(descricao1).value = "Montanha"; document.getElementById(preco1).value = "R$ 5,00"; } else { document.getElementById(descricao1).value = ""; document.getElementById(preco1).value = ""; } } </script> <input type="text" name="pesctx" id="descricao" value="" size="70%" maxlength="50"><p> <input type="text" name="precotx" value="" id="preco" size="10" maxlength="10"> <select name="produtos" id="produto" onChange="detalhes('descricao','preco','classe');"> <option value="---" selected="selected">---</option> <option value="classe">Total</option> <option value="onda">mediana</option> </select> <select name="Produto"> <option value="---" selected="selected">---</option> <option value="cinza">Cinza</option> <option value="Vermelho">Vermelho</option> <option value="Violeta">Violeta</option> </select><p> <label>Tamanho:</label> <select name="Produto"> <option value="---" selected="selected">---</option> <option value="Pequena">Pequena</option> <option value="Media">Media</option> <option value="Grande">Grande</option> </select>