Caculadora automatica de ph para aquario

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!

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

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

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.

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?

por Mauricio Molina 23.07.15 14:34

UP....

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

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

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!

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

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!

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

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?

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

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!

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

por Mauricio Molina 30.07.15 23:24

Obrigado amigao funcionou perfeitamente...

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.

Caculadora automatica de ph para aquario

Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario

Re: Caculadora automatica de ph para aquario