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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 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
Membro do fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos ativos : 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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 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
Membro do fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos ativos : 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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 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
Membro do fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos ativos : 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
Membro do fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1132
Pontos ativos : 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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 1429

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

Ir para o topo Ir para baixo

Principal contribuidor

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6306
Pontos ativos : 7773

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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 1429

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

Ir para o topo Ir para baixo

Principal contribuidor

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6306
Pontos ativos : 7773

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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 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
Membro do fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1132
Pontos ativos : 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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 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
Membro do fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1132
Pontos ativos : 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 destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 993
Pontos ativos : 1429

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

Ir para o topo Ir para baixo

Principal contribuidor

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6306
Pontos ativos : 7773

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


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