Calculatrice pour engrais liquide

invited33f944f · 17/05/2017, 12h31

Bonjour,
le projet est une calculatrice qui mesure des quantités de produit à mélanger avec de l'eau et à pulvériser sur une surface

une personne m'a fait le code ci-dessous
sauf que cette personne a laisser le code dans une page "fond blanc"
c'est sympa de sa part d'avoir fait le code mais je trouve pas ça très jolie jolie niveau présentation mais il ne désire pas mettre sont code dans le mien car il manque de temps

autre problème dans sont code...
quand ont arrive sur la page il faut remplir les infos et cliquer sur valider pour afficher le résultat
hors que j'aurais préférer que tous les champs s'affiche (vide) et que l'utilisateur entre les infos puis une fois qu'il aura cliquer sur valider les champs se remplis automatiquement

ci-dessous "sont code" que je voudrais insérer dans "le mien" pour avoir le coté esthétique ( table, fond gris, etc. )

Sont Code...

Code:

<!DOCTYPE [/contents/498-html-langage html]>
<html>
<head>
<style type="text/css">
 h3 {color:red}
 h4 {color:blue}
</style>
<script>
var produits = [
{'produit':'Délectose','quantite':5,'surface':10},
{'produit':'Briamide','quantite':3.5,'surface':5},
{'produit':'Cortofade','quantite':4,'surface':17}
];

var quantite = 0;
var surface = 0;

function creeListe() {
var html = "";
 html = option ="<option value='x'>Sélectionner un produit</option>";
for(var i=0;i<produits.length;i++) {
var option ="<option value='"+i+"'>"+produits[i].produit+"</option>";
 html=html+option;
}
document.getElementById('produit').innerHTML = html;
}

function init(value) {
 quantite = 0;
 surface = 0; 
var xcp = document.getElementById('cp').value; 
var xst = document.getElementById('st').value; 
document.getElementById('info').innerHTML = "<br/>";
if (value!="x") {
 quantite = produits[value].quantite;
 surface = produits[value].surface; 
document.getElementById('info').innerHTML = "Dosage = "+quantite+" ml par litre et 1 litre pour "+surface+" m2";
}
document.getElementById('resultat').innerHTML = '';
if (xcp != 0 && xst != 0) {
 calcul();
}
}

function calcul() {
var idProduit = document.getElementById('produit').value;
if ( idProduit== "x" ) {
alert("Sélectionner un produit !!!");
return;
}
if (isNaN(document.getElementById('cp').value)) {
alert("Contenance incorrecte !!!");
return; 
}
if (document.getElementById('cp').value <= 0) {
alert("Contenance incorrecte !!!");
return; 
} 
if (isNaN(document.getElementById('st').value)) {
alert("Surface terrain incorrecte !!!");
return; 
} 
if (document.getElementById('st').value <= 0) {
alert("Surface terrain incorrecte !!!");
return; 
} 
var xcp = document.getElementById('cp').value; 
var xst = document.getElementById('st').value; 
var a = document.getElementById('resultat'); 
 a.innerHTML = "<hr/>";
// dosage produit pour un m2
var dosage1M2 = quantite / surface;

// dosage produit total 
var dose = dosage1M2 * xst;
var x = parseInt(dose*100)/100;
//a.innerHTML = a.innerHTML + 'Dose totale de '+produits[idProduit].produit+" = "+x+" ml<br/>";
// nombre de litres total
var litres = xst / surface;
var y = parseInt(litres*100)/100;
//a.innerHTML = a.innerHTML + "Quantité totale d'eau = "+y+" L<br/>";

// nombre de pulvérisateurs 
//a.innerHTML = a.innerHTML + 'Prévoir :<br/>';
var pulve = y/xcp;

// Nombre de pulvérisateurs complets
var pulComp = parseInt(pulve);
if (pulComp != 0) {
var zC = quantite * xcp;
 libelle = pulComp == 1 ? "pulvérisateur" : "pulvérisateurs";
//a.innerHTML = a.innerHTML + "* "+pulComp+" "+libelle+" de chacun "+xcp+" L et "+zC+" ml de "+produits[idProduit].produit+"<br/>";
}
// Pulvérisateur partiel
var pulPart = pulve - pulComp;
if (pulPart != 0) {
var w = pulPart * xcp * 100;
 w = Math.round(w,2) / 100; 
var z = w * quantite * 100;
 z = Math.round(z,2) / 100; 
//a.innerHTML = a.innerHTML + "* 1 pulvérisateur de "+w+" L et "+z+" ml de "+produits[idProduit].produit+"<br/>";
}
//------- Mélange à faire comme ceci
 a.innerHTML = a.innerHTML + "<hr/>";
 a.innerHTML = a.innerHTML + "<h3 color='red'>Mélange à faire comme ceci :</h3>"; 

if (pulComp != 0) {
 libelle = pulComp == 1 ? "Dans le pulvérisateur rempli complètement/" : "Dans chacun des "+pulComp+" pulvérisateurs remplis complètement:";
 a.innerHTML = a.innerHTML + "<h4>"+libelle+"</h4>"; 
 a.innerHTML = a.innerHTML + "Litre(s) d'eau à mettre :<br/>";
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+xcp+" L'/><br/>";
 a.innerHTML = a.innerHTML + "Millilitre(s) de "+produits[idProduit].produit+" à mettre :<br/>";
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+zC+" ml'/><br/>"; 
 a.innerHTML = a.innerHTML + "Surface couverte en m2 :<br/>";
 xSurface = surface * xcp;
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+xSurface+" m2'/><br/>"; 
}
if (pulPart != 0) {
 a.innerHTML = a.innerHTML + "<h4>Dans le pulvérisateur rempli partiellement:</h4>"; 
 a.innerHTML = a.innerHTML + "Litre(s) d'eau à mettre :<br/>";
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+w+" L'/><br/>";
 a.innerHTML = a.innerHTML + "Millilitre(s) de "+produits[idProduit].produit+" à mettre :<br/>";
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+z+" ml'/><br/>"; 
 a.innerHTML = a.innerHTML + "Surface couverte en m2 :<br/>";
 xSurface = surface * w;
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+xSurface+" m2'/><br/>";
}

//------- Quantité pour couvrir le terrain
 a.innerHTML = a.innerHTML + "<hr/>";
 a.innerHTML = a.innerHTML + "<h3 color='red'>Quantité pour couvrir votre terrain :</h3>";
// Eau
 a.innerHTML = a.innerHTML + "Quantité d'eau en litres :<br/>";
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+y+" L'/><br/>";
// Produit
 a.innerHTML = a.innerHTML + "Quantité de produit en millilitres :<br/>";
 a.innerHTML = a.innerHTML + "<input type='text' disabled value='"+x+" ml'/><br/>"; 
// Nombre de pulvérisateurs
 a.innerHTML = a.innerHTML + "Nombre de pulvérisateurs :<br/>"; 
if (pulComp != 0) {
 libelle = pulComp == 1 ? "pulvérisateur" : "pulvérisateurs";
 a.innerHTML = a.innerHTML + "- "+pulComp+" "+libelle+" de "+xcp+" L<br/>";
} 
// Pulvérisateur partiel
var pulPart = pulve - pulComp;
if (pulPart != 0) {
var w = pulPart * xcp * 100;
 w = Math.round(w,2) / 100; 
var z = w * quantite * 100;
 z = Math.round(z,2) / 100; 
 a.innerHTML = a.innerHTML + "- 1 pulvérisateur de "+w+" L <br/>";
} 
}
</script>
</head>

<body onload="creeListe()" style="font-family:verdana">
<h2>Calcul</h2>
<select id="produit" onchange="init(this.value)">
</select>
<div id="info">
<br/>
</div> 
<br/><br/><br/>
<table>
<tr>
<td>Contenance pulvérisateur (L)</td>
<td>:</td>
<td><input type="text" id="cp" value="0" /><br/></td>
</tr>
<tr>
<td>Surface Terrain (m2)</td>
<td>:</td>
<td><input type="text" id="st" value="0" /><br/></td>
</tr> 
</table>
<input type="button" value="Valider" onclick="calcul();"/>
<div id="resultat">

</div>
</body>
</html>

Code1.jpg

Mon Code...
je sais que le miens est que du html basic d'où le pourquoi je voudrais mettre sont code dans le miens

Code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="http://bookgazon.hebergratuit.net/herbe.jpg">
<table width="50%" border="1" align="center">
 <tr bgcolor="#CCCCCC"> 
 <td> 
 <p><b><font size="6">Calculatrice<br>
 <font size="3">pour bien calculer le dosage d'un produit<br>
 <font color="#808080">...........................................................................................................................................................................................................................................</font></font></font></b></p>
 <p><b><font color="#FF3333"><u>Informations.</u></font></b></p>
 <p><b><br>
 Produits:</b> <font color="#FF3333"><b>*</b></font><br>
 <font size="2">Veuillez choisir le produit que vous souhaitez utilisez 
 </font></p>
 <form name="form1" >
 <select name="select" size="1">
 <option>Produit 1</option>
 <option>Produit 2</option>
 <option>Produit 3</option>
 <option>Produit 4</option>
 </select>
 </form>
 <p><br>
 <b>Pulverisateur: <font color="#FF3333">*</font></b><br>
 <font size="2">Indiquez la quantité de votre pulverisateur en litre </font> 
 </p>
 <form name="form2" >
 <input type="text" name="textfield">
 </form>
 <br>
 <b>Superficie du terrain</b> <font color="#FF3333"><b>*</b></font><br>
 <font size="2">indiquer la superficie de votre terrain en m2<br>
 </font> 
 <form name="form3" >
 <input type="text" name="textfield2">
 </form>
 <br>
 <form name="form4" >
 <input type="submit" name="Submit" value="Valider">
 </form>
 <p><b><font color="#FF3333"><u> </u></font></b></p>
 <p><b><font color="#FF3333"><u>Vous devez mettre dans votre pulverisateur:</u></font></b></p>
 <b>Quantité d'eau en "L" à mettre dans votre pulverisateur:</b><br>
 <form name="form5" >
 <input type="text" name="textfield3">
 </form>
 <br>
 <b>Quantité de produit en "ml" à mettre dans le pulverisateur:</b><br>
 <form name="form5" >
 <input type="text" name="textfield4">
 </form>
 <br>
 <b>Surface à couvrir en m2... pour un pulverisateur:</b><br>
 <form name="form5" >
 <input type="text" name="textfield5">
 </form>
 <p><b><font color="#FF3333"><u><br>
 </u></font></b></p>
 <p><b><font color="#FF3333"><u>Quantité total pour faire tout votre terrain:</u></font></b><br>
 </p>
 <p> <b>Quantité d'eau</b></p>
 <form name="form5" >
 <input type="text" name="textfield3">
 </form>
 <br>
 <b>Quantité de produit</b><br>
 <form name="form5" >
 <input type="text" name="textfield4">
 </form>
 <br>
 <b>Nombre de pulverisateur</b><br>
 <form name="form5" >
 <input type="text" name="textfield5">
 </form>
 <br>
 <br>
 <b>Descriptif du produit</b><br>
 <form name="form6" >
 <input type="text" name="textfield6">
 </form>
 <br>
 </td>
 </tr>
</table>
</body>
</html>

Code2.jpg

invite1c6b0acc · 18/05/2017, 08h21

Bonjour

Et donc, quel est le problème ? (en dehors du fait que la page de ton ami n'a pas de fautes d'orthographe ni d'unités).

invited33f944f · 18/05/2017, 08h41

quand il a fait la calculette...
il faut cliquer sur valider pour afficher le résultat... ( normal il appel/charge toutes les "fonctions" après avoir avoir cliquer sur le bouton valider )
hors que moi dans ma page c'etait pas comme ça et je ne trouve pas comment faire pour mettre sont formulaire comme ci-dessous

Nom : imgcalcul.jpg
Affichages : 197
Taille : 159,3 Ko

Nom : imgcalcul.jpg
Affichages : 197
Taille : 159,3 Ko

invited33f944f · 19/05/2017, 10h19

Envoyé par Chanur

Et donc, quel est le problème ? (en dehors du fait que la page de ton ami n'a pas de fautes d'orthographe ni d'unités).

Chanur.... j'ai répondu
( la politesse !? )

A voir en vidéo sur Futura · Aujourd'hui

invited33f944f · 22/05/2017, 14h53

Bonjour
le code à été refait pour qu'il s'affiche comme dans ma page

http://bookgazon.hebergratuit.net/new3.php

sauf que les calcul sont fossé...

pour l'explication des erreurs rencontré... je vais prendre à titre d'exemple "délectose" dans la liste déroulante
.........délectose est paramétrer avec les infos suivante ( 5ml de délectose à mélanger avec 1L d'eau et a pulvériser sur 10m2 )

donc pour commencer...
______________________________ ______________________________ ________________________

je choisi dans la liste déroulante "délectose"
dans le champs pulvérisateur... j'indique que mon pulvérisateur fait 5L
dans le champ surface terrain... j'indique que la surface de mon terrain fait 100m2
puis je click sur le bouton valider
______________________________ ______________________________ ________________________

Vous devez mettre dans votre pulverisateur:

Quantité d'eau en "L" à mettre dans votre pulverisateur: 5
sa c'est ok...
vu que le pulvérisateur fait 5L

Quantité de produit en "ml" à mettre dans le pulvérisateur: 5
il fait que affiche 5 (sois la valeur de 5ml de produit pour 1L d'eau)
mais comme mon pulvérisateur fait 5L il devrait plutôt affiche 25 (5ml de produit x 5L d'eau = 25 )
eau 1L = produit 5ml
eau 2L = produit 10ml
eau 3L = produit 15ml
eau 4L = produit 20ml
eau 5L = produit 25ml

Surface à couvrir en m2... pour un pulvérisateur: 50
sa c'est ok...
car délectose = ( 5ml/1L/10m2 ) donc ( 25ml/5L/50m2 )
5ml/1L/10m2
10ml/2L/20m2
15ml/3L/30m2
20ml/4L/40m2
25ml/5L/50m2
______________________________ ______________________________ ________________________

Quantité total pour faire tout votre terrain:

Quantité d'eau: 10
sa c'est ok...
car 1L d'eau = 10m2 donc si la surface du terrain fait 100m2 alors ont fait
1L d'eau = 10m2
2l d'eau = 20m2
3L d'eau = 30m2
10L d'eau = 100m2

Quantité de produit: 50
sa c'est ok...
vu qu'au total ont aura utiliser 10L d'eau dont 50ml de produit
1L d'eau = 5ml
5L d'eau = 25ml
10L d'eau = 50ml

Nombre de pulvérisateur: 2
sa c'est ok...
Pulvérisateur = 25ml/5L/50m2
donc il nous faudra 2 pulvérisateur pour atteint le total de 50ml/10L/100m2

donc le problème se trouve au niveau du champ ( Quantité de produit en "ml" à mettre dans le pulvérisateur: )
je comprend pas pourquoi il reste toujours à 5 hors qu'il devrait être pris en compte dans les calculs

après j'ai aussi l'autre problème rencontrer
donc pour commencer...
______________________________ ______________________________ ________________________

je choisi dans la liste déroulante "délectose"
dans le champs pulvérisateur... j'indique que mon pulvérisateur fait 100L
dans le champ surface terrain... j'indique que la surface de mon terrain fait 100m2
puis je click sur le bouton valider
______________________________ ______________________________ ________________________

Vous devez mettre dans votre pulverisateur:

Quantité d'eau en "L" à mettre dans votre pulvérisateur: 100
Erreur...
si le terrain fait 100m2 cela sert à rien de remplir complètement le pulvérisateur
il faudrait juste mettre dedans 10L ( car 1L = 10m2 donc 10L = 100m2 )

Quantité de produit en "ml" à mettre dans le pulvérisateur: 5
Erreur...
il fait toujours qu'affiche 5 (sois la valeur de 5ml de produit pour 1L d'eau)
eau 1L = produit 5ml
eau 2L = produit 10ml
eau 3L = produit 15ml
eau 4L = produit 20ml
eau 5L = produit 25ml
et ainsi de suite

Surface à couvrir en m2... pour un pulvérisateur: 1000
Erreur... le terrain fait que 100m2
______________________________ ______________________________ ________________________

Quantité total pour faire tout votre terrain:

Quantité d'eau: 10
sa c'est ok...
car 1L d'eau = 10m2 donc si la surface du terrain fait 100m2 alors ont fait
1L d'eau = 10m2
2l d'eau = 20m2
3L d'eau = 30m2
10L d'eau = 100m2

Quantité de produit: 50
sa c'est ok...
vu qu'au total ont aura utiliser 10L d'eau dont 50ml de produit
1L d'eau = 5ml
5L d'eau = 25ml
10L d'eau = 50ml

Nombre de pulvérisateur: 0
Erreur...
il faudrait 1 pulvérisateur hors qu'il affiche 0

donc le problème se trouve au niveau des champs...
( Quantité d'eau en "L" à mettre dans votre pulverisateur: )
( Quantité de produit en "ml" à mettre dans le pulverisateur: )
( Surface à couvrir en m2... pour un pulverisateur: )
( Nombre de pulvérisateur: )

pour ceux que sa intéresse de m'aide je vous affiche mon code en dessous
( et pour ceux qui vienne juste vomir sur mon post svp aller passer vos nerfs ailleurs je suis pas ici pour recevoir des réflexions )

Code HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
</head>
<body background="http://bookgazon.hebergratuit.net/herbe.jpg" onload="eventListeners();">
  
<table align="center" border="1" width="50%">
 <tbody><tr bgcolor="#CCCCCC"> 
 <td> 
 <p><b><font size="6">Calculatrice<br>
 <font size="3">pour bien calculer le dosage d'un produit<br>
 <font color="#808080">...........................................................................................................................................................................................................................................</font></font></font></b></p>
 <p><b><font color="#FF3333"><u>Informations.</u></font></b></p>
 <p><b><br>
 Produits:</b> <font color="#FF3333"><b>*</b></font><br>
 <font size="2">Veuillez choisir le produit que vous souhaitez utilisez 
 </font></p>
 <form name="form1">
 <select id="produit" name="select" size="1">
 <option>Délectose</option>
 <option>Briamide</option>
 <option>Cortofade</option>
 </select>
 </form>
 <p><br>
 <b>Pulverisateur: <font color="#FF3333">*</font></b><br>
 <font size="2">Indiquez la quantité de votre pulverisateur en litre </font> 
 </p>
 <form name="form2">
 <input name="textfield" id="cp" type="text">
 </form>
 <br>
 <b>Superficie du terrain</b> <font color="#FF3333"><b>*</b></font><br>
 <font size="2">indiquer la superficie de votre terrain en m2<br>
 </font> 
 <form name="form3">
 <input name="textfield2" id="st" type="text">
 </form>
 <br>
 <form name="form4">
 <input name="Submit" value="Valider" id="submitButton" type="button">
 </form>
<p><b><font color="#FF3333"><u>Vous devez mettre dans votre pulverisateur:</u></font></b></p>
 <b>Quantité d'eau en "L" à mettre dans votre pulverisateur:</b><br>
 <form name="form5">
 <input name="textfield3" id="quantite_eau" type="text">
 </form>
 <br>
 <b>Quantité de produit en "ml" à mettre dans le pulverisateur:</b><br>
 <form name="form5">
 <input name="textfield4" id="quantite_produit" type="text">
 </form>
 <br>
 <b>Surface à couvrir en m2... pour un pulverisateur:</b><br>
 <form name="form5">
 <input name="textfield5" id="surface" type="text">
 </form>
 <p><b><font color="#FF3333"><u><br>
 </u></font></b></p>
 <p><b><font color="#FF3333"><u>Quantité total pour faire tout votre terrain:</u></font></b><br>
 </p>
 <p> <b>Quantité d'eau</b></p>
 <form name="form5">
 <input name="textfield3" id="eau_total" type="text">
 </form>
 <br>
 <b>Quantité de produit</b><br>
 <form name="form5">
 <input name="textfield4" id="produit_total" type="text">
 </form>
 <br>
 <b>Nombre de pulverisateur</b><br>
 <form name="form5">
 <input name="textfield5" id="nb_pulverisateur" type="text">
 </form>
 <br>
 <br>
 <b>Descriptif du produit</b><br>
 <form name="form6">
 <input name="textfield6" type="text">
 </form>
 <br>
 </td>
 </tr>
</tbody>
<script>
var produits = {
 "Délectose":{"quantite":5,"surface":10},
 "Briamide":{"quantite":3.5,"surface":5},
 "Cortofade":{"quantite":4,"surface":17}
};

var quantite = 0;
var surface = 0;
function eventListeners(){    document.getElementById("submitButton").addEventListener("click",calcul,false);
}
  

function calcul() {
 var idProduit = document.getElementById('produit').value;
 surface = produits[idProduit].surface;
 quantite = produits[idProduit].quantite;
 if ( idProduit== "x" ) {
  alert("Sélectionner un produit !!!");
  return;
 }
 if (isNaN(document.getElementById('cp').value)) {
  alert("Contenance incorrecte !!!");
  return; 
 }
 if (document.getElementById('cp').value <= 0) {
  alert("Contenance incorrecte !!!");
  return; 
 } 
 if (isNaN(document.getElementById('st').value)) {
  alert("Surface terrain incorrecte !!!");
  return; 
 } 
 if (document.getElementById('st').value <= 0) {
  alert("Surface terrain incorrecte !!!");
  return; 
 } 
 var xcp = document.getElementById('cp').value; 
 var xst = document.getElementById('st').value; 
 // dosage produit pour un m2
 var dosage1M2 = quantite / surface;
 // dosage produit total 
 var dose = dosage1M2 * xst;
 var x = parseInt(dose*100)/100;
 // nombre de litres total
 var litres = xst / surface;
 var y = parseInt(litres*100)/100;
 // nombre de pulvérisateurs 
 var pulve = y/xcp;
 // Nombre de pulvérisateurs complets
 var pulComp = parseInt(pulve);
 if (pulComp != 0) {
  var zC = quantite * xcp;
 }
 // Pulvérisateur partiel
 var pulPart = pulve - pulComp;
 if (pulPart != 0) {
  var w = pulPart * xcp * 100;
  w = Math.round(w,2) / 100; 
  var z = w * quantite * 100;
  z = Math.round(z,2) / 100; 
 }
 // EAU DANS UN PULVERISATEUR : xcp litres
 // PRODUIT DANS UN PULVERISATEUR : produits[idProduit].quantite ml
 // SURFACE COUVERTE : surface * xcp m2
 // QUANTITE EAU TOTALE : y
 // QUANTITE PRODUIT TOTALE : x
        // NOMBRE PULVERISATEUR : pulComp
 document.getElementById("quantite_eau").value = xcp;
 document.getElementById("quantite_produit").value = produits[idProduit].quantite;
 document.getElementById("surface").value = surface * xcp;
 document.getElementById("eau_total").value = y;
 document.getElementById("produit_total").value = x;
 document.getElementById("nb_pulverisateur").value = pulComp;
}
</script>
</table>
</body></html>

Calculatrice pour engrais liquide

Calculatrice pour engrais liquide

Re : Calculatrice pour engrais liquide

Re : Calculatrice pour engrais liquide

Re : Calculatrice pour engrais liquide

Re : Calculatrice pour engrais liquide

Discussions similaires

[TPE SSvt] Les engrais, ions nitrate, engrais chimique.

garnissage sulzer pour colonne d'extraction liquide -liquide

Dosage des ions zincs dans un engrais liquide,comment procéder??

Engrais; pour ou contre?