Caculadora automatica de ph para aquario

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 20/07/15, 10:48 am

Ola,

É possível elaborar uma calculadora automática de Ph para água de aquário, colocando uma lista de peixes compatíveis com este ph?

Sendo então:

- ph 7 indica que a água é neutra;
- valores abaixo (<) de 7 indicam que a água é acida;
- valores acima (>) de 7 indicam que a água é alcalina.

Gostaria que quando o membro digitasse o valor referente ao seu ph, mostrasse um campo abaixo indicando qual o seu ph (neutro, ácido ou alcalino) e qual as espécies de peixe poderiam ser colocados neste ph...

Ex: pH 7.2 - Água alcalina, neste pH você pode criar Espécies de Poecilídeos, etc...


É possível?

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Shaman em 20/07/15, 04:44 pm

Olá, criei uma, não sei se é assim que o senhor deseja mas, veja se gosta:

Código:
<input type="button" id="botaoph" value="VEJA SUA TAXA DE PH">
<script>
$(function(){

$('#botaoph').click(function(){
var ph = prompt('Digite o valor de seu PH');

if(ph == 7)
{
   alert('Sua taxa de PH é neutra! :|')
}
else if (ph < 7)
{
   alert('Sua taxa de PH é água é acida :(')   
}
else
{
   alert('Sua taxa de PH é água é alcalina :)')
}

});

});
</script>

Ela está toda em alertas mas podemos personalizala para ela responder nos tópicos talvez, mas veja se é assim.

Shaman
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 20/07/15, 07:37 pm

Ola,

Gostaria que as mensagens não fossem em popups, e sim em campos que aprecem em modo hover, acho que é assim que fala...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Shaman em 21/07/15, 01:30 pm

Poderia mostrar uma imagem de algo parecido? Assim só com palavras, não deu para entender o efeito que o senho deseja de "campos que aprecem em modo hover"

Abs.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 21/07/15, 02:28 pm

Não sei sei o nome é esse mesmo, modo hover..

Seria algo como, campos para a pessoa digitar o valor do ph, e logo abaixo aparece as frases citadas no primeiro post, algo do tipo...

Entendeu?
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 23/07/15, 10:34 am

UP....
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Shaman em 23/07/15, 07:01 pm

Eu consigo mesmo fazer mas preciso de uma print, para criar algo parecido, assim fica difícil, só escrito Louco
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts
  • 0

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Daemon em 24/07/15, 06:30 pm

Aqui está, meu querido:
Código:
<div id="daemon">
<b>Digite o valor do PH:</b><br/>
<input type="text" id="valorph" />
<br />
<br/>
<b>Resultado:</b>
<br />
<p id="exibirResultado"></p>
</div>
<style type="text/css">
#daemon {
background-color: white;
border: 1px solid #ddd;
margin: auto;
margin-top: 100px;
padding: 5px;
border-radius: 3px;
width: 135px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#exibirResultado {border: 1px solid #ddd;padding: 5px;background-color: #fcfcfc;}
#valorph {padding: 3px;font: 14px bold Verdana,Arial,sans-serif !important;box-sizing: border-box;width: 100%;outline: none;}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('#valorph').live('keyup', function() {
var ph = parseFloat(jQuery('#valorph').val()),
    resultado = $('#exibirResultado'),
    tipo = '';
if(ph == 7) {
   tipo = 'Água neutra';
} else if(ph < 7) {
   tipo = 'Água ácida';
} else if(ph > 7) {
   tipo = 'Água alcalina';
}
resultado.html(tipo);
});

});
</script>
Pode adicionar em uma página HTML ou em um widget! Piscada
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 25/07/15, 10:19 am

Ola, gostei dessa forma...

É possível acrescentar uma lista de peixes compatíveis com estes ph?

Só me ensina que edito nos campos corretos, gostaria que aparecesse abaixo...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Fraise em 25/07/15, 10:22 am

Olá!

Basta editar nas partes a vermelho como no exemplo abaixo:
<div id="daemon">
<b>Digite o valor do PH:</b><br/>
<input type="text" id="valorph" />
<br />
<br/>
<b>Resultado:</b>
<br />
<p id="exibirResultado"></p>
</div>
<style type="text/css">
#daemon {
background-color: white;
border: 1px solid #ddd;
margin: auto;
margin-top: 100px;
padding: 5px;
border-radius: 3px;
width: 135px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#exibirResultado {border: 1px solid #ddd;padding: 5px;background-color: #fcfcfc;}
#valorph {padding: 3px;font: 14px bold Verdana,Arial,sans-serif !important;box-sizing: border-box;width: 100%;outline: none;}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('#valorph').live('keyup', function() {
var ph = parseFloat(jQuery('#valorph').val()),
resultado = $('#exibirResultado'),
tipo = '';
if(ph == 7) {
tipo = 'Água neutra';
} else if(ph < 7) {
tipo = 'Água ácida';
} else if(ph > 7) {
tipo = 'Água alcalina';
}
resultado.html(tipo);
});

});
</script>

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 25/07/15, 10:32 am

Então, mais além de indicar qual é o ph, quero que abra um campo abaixo com uma lista de peixes...

Entendeu?

OBS: Porque quando vou testar com este editor HTML não funciona?

Só no fórum mesmo...

http://htmledit.squarefree.com/

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Fraise em 25/07/15, 10:50 am

Olá!

Será isto?
<div id="daemon">
<b>Digite o valor do PH:</b><br/>
<input type="text" id="valorph" />
<br />
<br/>
<b>Resultado:</b>
<br />
<p id="exibirResultado"></p>
</div>
<style type="text/css">
#daemon {
background-color: white;
border: 1px solid #ddd;
margin: auto;
margin-top: 100px;
padding: 5px;
border-radius: 3px;
width: 135px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#exibirResultado {border: 1px solid #ddd;padding: 5px;background-color: #fcfcfc;}
#valorph {padding: 3px;font: 14px bold Verdana,Arial,sans-serif !important;box-sizing: border-box;width: 100%;outline: none;}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('#valorph').live('keyup', function() {
var ph = parseFloat(jQuery('#valorph').val()),
resultado = $('#exibirResultado'),
tipo = '';
if(ph == 7) {
tipo = 'Água neutra<br>Peixes';
} else if(ph < 7) {
tipo = 'Água ácida<br>Peixes';
} else if(ph > 7) {
tipo = 'Água alcalina<br>Peixes';
}
resultado.html(tipo);
});

});
</script>

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 28/07/15, 11:51 am

Quase isso, gostaria que se abrisse em outro campo e não no mesmo do ph.

Ficasse então:

Campo 1: digite seu ph

Campo: Identificação do ph

Campo 3: Peixes compatíveis

É possível?
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Daemon em 28/07/15, 12:30 pm

Aqui está:
Código:
<div id="daemon">
<b>Digite o valor do PH:</b>
<input type="text" id="valorph" />
<br /><br /><br />
<hr/>
<br />
<b>Resultado:</b>
<br />
<p id="exibirResultado"></p>
</div>
<style type="text/css">
#daemon {
background-color: white;
border: 1px solid #ddd;
margin: auto;
margin-top: 100px;
padding: 8px;
border-radius: 3px;
width: 230px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#exibirResultado {border: 1px solid #ddd;padding: 5px;background-color: #fcfcfc;}
#valorph {padding: 2px;font: 14px bold Verdana,Arial,sans-serif !important;box-sizing: border-box;width: 60px;float: right;outline: none;}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('#valorph').live('keyup', function() {
var ph = parseFloat(jQuery('#valorph').val()),
    resultado = $('#exibirResultado'),
    tipoDaAgua = '',
    tiposDePeixe = '';
if(ph == 7) {
  tipoDaAgua = 'Água neutra';
  tiposDePeixe = 'Peixe 1, Peixe 2';
} else if(ph < 7) {
  tipoDaAgua = 'Água ácida';
  tiposDePeixe = 'Peixe 4, Peixe 8, Peixe 12';
} else if(ph > 7) {
  tipoDaAgua = 'Água alcalina';
  tiposDePeixe = 'Peixe 30, Peixe 40, Peixe 50';
}
  if($(this).val() != '') {
  resultado.html('<strong>Tipo da água:</strong><br /><font color="red">' + tipoDaAgua + '</font><br /><br /><strong>Peixes compatíveis:</strong><br /><font color="red">' + tiposDePeixe + '</font>');
  } else {
    resultado.html('');
  }
});

});
</script>
Você irá mexer apenas na seguinte parte do código:
Código:
if(ph == 7) {
  tipoDaAgua = 'Água neutra';
  tiposDePeixe = 'Peixe 1, Peixe 2';
} else if(ph < 7) {
  tipoDaAgua = 'Água ácida';
  tiposDePeixe = 'Peixe 4, Peixe 8, Peixe 12';
} else if(ph > 7) {
  tipoDaAgua = 'Água alcalina';
  tiposDePeixe = 'Peixe 30, Peixe 40, Peixe 50';
}
Basta ler para entender. Piscada
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 29/07/15, 11:54 am

Ola, era isso mesmo que gostaria...

Sabe me dizer porque não funciona o teste do código neste site?

http://htmledit.squarefree.com/

Temos um site também, gostaria de além de colocar no fórum colocar no site também...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Daemon em 29/07/15, 12:26 pm

Adicione o seguinte código na página que deseja aplicar o script da calculadora:
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
Veja se isto resulta Piscada
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina em 30/07/15, 07:24 pm

Obrigado amigao funcionou perfeitamente...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Fraise em 30/07/15, 07:46 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum