- Postagens: 10
- Obrigados Recebidos: 0
Módulo para cáculo sem direcionar para outra página
- francisco_marciano
- Autor do Tópico
- Offline
- JCB! Estagiário
Menos
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!
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.
- deforma
- Offline
- JCB! Estagiário
Menos
Mais
- Postagens: 15
- Obrigados Recebidos: 0
- pedraodahora
- Offline
- JCB! Senior
Menos
Mais
- Postagens: 108
- Obrigados Recebidos: 0
11 anos 9 meses atrás #75326
por pedraodahora
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]
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: -->
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.
- Uriel
- Offline
- JCB! Legend
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
http://www.youtube.com/watch?v=p0bLA4DYr58
abraço
Please Entrar ou Registrar to join the conversation.
- francisco_marciano
- Autor do Tópico
- Offline
- JCB! Estagiário
Menos
Mais
- Postagens: 10
- Obrigados Recebidos: 0
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>
<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.