Módulo para cáculo sem direcionar para outra página

  • francisco_marciano
  • Avatar de francisco_marciano Autor do Tópico
  • Offline
  • JCB! Estagiário
  • JCB! Estagiário
Mais
12 anos 1 mês atrás #67997 por francisco_marciano
francisco_marciano created the topic: Módulo para cáculo sem direcionar para outra página
Caros amigos,
estou desenvolvendo um site para uma academia e é necessário um módulo para calcular o imc. Consegui construir o módulo [i:1yjob54e]custon htm[/i:1yjob54e]l, funciona mas, redireciona a página para o arquivo php que faz a manipulação dos dados. Então, eu gostaria que quando o usuário clicasse no submit, o resultado aparecesse no mesmo espaço do formlário.
Ou será que teria uma maneira melhor que eu possa fazer?
Será que eu preciso usar jascript?
Desde já grato pela ajuda!

Please Entrar ou Registrar to join the conversation.


Mais
11 anos 10 meses atrás #74882 por deforma
deforma replied the topic: Re: Módulo para cáculo sem direcionar para outra página
Estou com o mesmo problema, se alguém poder me ajudar!

Please Entrar ou Registrar to join the conversation.

Mais
11 anos 9 meses atrás #75326 por pedraodahora
pedraodahora replied the topic: Re: Módulo para cáculo sem direcionar para outra página
Olá

Acredito que javascript seja a melhor solução pra vocês... No aguardo de respostas dos entendidos em js <!-- s::) --><img src="{SMILIES_PATH}/icon_mrgreen.gif" alt="::)" title="Sr. Verde" /><!-- s::) -->


T+ <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Aprenda. Divulgue. Compartilhe o conhecimento. Faça parte do grupo de pessoas que transformaram um CMS em uma filosofia.

[color=#0080FF:184gf06t]Joomla - Todos Juntos[/color:184gf06t]

Please Entrar ou Registrar to join the conversation.

Mais
11 anos 9 meses atrás #75336 por Uriel
Uriel replied the topic: Re: Módulo para cáculo sem direcionar para outra página
[center:28y0ilrd][youtube:28y0ilrd]p0bLA4DYr58[/youtube:28y0ilrd][/center:28y0ilrd]

http://www.youtube.com/watch?v=p0bLA4DYr58

abraço

Please Entrar ou Registrar to join the conversation.

  • francisco_marciano
  • Avatar de francisco_marciano Autor do Tópico
  • Offline
  • JCB! Estagiário
  • JCB! Estagiário
Mais
11 anos 9 meses atrás #75985 por francisco_marciano
francisco_marciano replied the topic: Re: Módulo para cáculo sem direcionar para outra página
Eu resolvi o meu problema depois que arranjei um Módulo Custom Javascript e adicionei este código:
<html>
<head>
<title>
Cálculo do IMC
</title>
<script language="JavaScript" type="text/javascript">
function validacao() {
var massa = document.imc.massa.value;
var altura = document.imc.altura.value;
if (massa == "" || altura == "" || altura == 0 || massa == 0) {
alert ("Por favor, preencha todos os campos corretamente!")
return false
}
else{calc()}
}
function calc() {
var massa = document.imc.massa.value.replace( ",", "." );
var altura = document.imc.altura.value.replace( ",", "." );
var imc = Math.abs(eval(massa/(altura*altura)));
imc = imc.toFixed(2);
if (imc < 18.5) {
alert ("Seu Índice de Massa Corporal é : "+imc+"\n\n\t Você está abaixo do peso ideal!")
}
else if (imc <= 25){
alert ("Seu Índice de Massa Corporal é : "+imc+"\n\n\t Saudável, parabéns!")
}
else if (imc <= 30){
alert ("Seu Índice de Massa Corporal é : "+imc+"\n\n\t Você está um pouco acima do peso!")
}
else if (imc <= 35){
alert ("Seu Índice de Massa Corporal é : "+imc+"\n\n\t Obesidade Grau I!")
}
else if (imc <= 40){
alert ("Seu Índice de Massa Corporal é : "+imc+"\n\n\t Obesidade Grau II!")
}
else {
alert ("Seu Índice de Massa Corporal é : "+imc+"\n\n\t Obesidade Grau III!")
}
}
//<a href="java script:void();" onclick="window.open("Pag1.htm","JANELA","height = 300, width = 400,Left=200,Top=150")">Seu Link</a>
</script>
</head>
<body>
<form name="imc">
<p>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th>
Massa:
</th>
<td>
<input type="text" name="massa" size="3" value=""/>kg
</td>
</tr>
<tr>
<th>
Altura:
</th>
<td>
<input type="text" name="altura" size="3" value=""/>m
</td>
</tr>
</table>
<p>
<input type="button" name="botao" value=" Calcular " onClick="validacao()">
<p>
</form>
</body>
</html>

Please Entrar ou Registrar to join the conversation.