Caculadora automatica de ph para aquario

4 participantes

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

Tópico resolvido Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 20.07.15 14:48

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!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Shaman 20.07.15 20:44

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
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 20.07.15 23:37

Ola,

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

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Shaman 21.07.15 17:30

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.
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 21.07.15 18:28

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?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 23.07.15 14:34

UP....
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Shaman 23.07.15 23:01

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

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Daemon 24.07.15 22:30

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
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 25.07.15 14:19

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!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Fraise 25.07.15 14:22

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 25.07.15 14:32

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!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Fraise 25.07.15 14:50

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 28.07.15 15:51

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?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Daemon 28.07.15 16:30

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
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 29.07.15 15:54

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!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Daemon 29.07.15 16:26

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
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Mauricio Molina 30.07.15 23:24

Obrigado amigao funcionou perfeitamente...
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Caculadora automatica de ph para aquario

Mensagem por Fraise 30.07.15 23:46

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos