Calcul et Operation avec formulaire javascript

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
asp2p
Messages : 2
Enregistré le : 07 mai 2017, 10:04

Calcul et Operation avec formulaire javascript

Message par asp2p » 07 mai 2017, 10:09

Bonjour
je cherche à faire un formulaire qui permet de calculer des dosages (Engrais Liquide) + (eau) + (surface) + (nombre de pulvérisateur)

Image

au début j'ai penser au PHP mais en cherchant je me suis aperçu qu'en PHP une fois avoir cliquer sur le bouton valider la page s'actualise et dont il faut utiliser le javascript pour que quand ont clique sur le bouton valider sa affiche directement le résultat en dessous ( dans les cases de réponses )

le souci c'est que je n'y connais rien en programmation
j'utilise pour le moment Dreamweaver 3 mais le langage html n'est plus d'actu je crois que maintenant c'est le dhtml qui est passer ou un truc comme ça
si quelqu'un peut m'aider se serait vraiment gentil

asp2p
Messages : 2
Enregistré le : 07 mai 2017, 10:04

Re: Calcul et Operation avec formulaire javascript

Message par asp2p » 10 mai 2017, 14:43

sans vouloir vous vexez mais personne pourrais me faire ça ou meme me donner un petit coup de pouce svp

Code : Tout sélectionner

<html>
<head>
<title>Calculatrice Engrais Fertilisation Gazon</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="../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="Produit" >
        <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="qte_pulverisateur" id="qte_pulverisateur">
      </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="surface_terrain" id="surface_terrain">
      </form>
      <br>
      <form name="form4" >
        <input type="reset" name="Reset" value="Reset">
        <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&eacute; d'eau en &quot;L&quot; à mettre dans votre pulverisateur:</b><br>
      <form name="form5" >
        <input type="text" name="qte_eaux" disabled="yes">
      </form>
      <br>
      <b>Quantit&eacute; de produit en &quot;ml&quot; à mettre dans le pulverisateur:</b><br>
      <form name="form5" >
        <input type="text" name="qte_produits" disabled="yes">
      </form>
      <br>
      <b>Surface &agrave; couvrir en m2... pour un pulverisateur:</b><br>
      <form name="form5" >
        <input type="text" name="surface" disabled="yes">
      </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&eacute; d'eau</b></p>
      <form name="form5" >
        <input type="text" name="total_eaux" disabled="yes">
      </form>
      <br>
      <b>Quantit&eacute; de produit</b><br>
      <form name="form5" >
        <input type="text" name="total_produit" disabled="yes">
      </form>
      <br>
      <b>Nombre de pulverisateur</b><br>
      <form name="form5" >
        <input type="text" name="qte_total_pulver" disabled="yes">
      </form>
      <br>
      <br>
      <b>Descriptif du produit</b><br>
      <form name="Descriptif" >
        <textarea name="Descriptif" cols="100%" rows="20%" wrap="hard" disabled="yes"></textarea>
      </form>
      <br>
    </td>
  </tr>
</table>

<script type="text/javascript">

</script>
</body>
</html>

Avatar du membre
Frosty
Messages : 123
Enregistré le : 20 juil. 2017, 13:23
Localisation : Grenoble

Re: Calcul et Operation avec formulaire javascript

Message par Frosty » 20 juil. 2017, 18:56

Salut

Bon j'espère que c'est encore d'actualité...

En vite fait mal fait ça donne ça :
https://jsfiddle.net/vescre2b/11/

Reste à faire :
- Vérifier si les champs sont vides et mettre des messages d'erreur
- Arrondir éventuellement le nombre de pulvérisateurs à l'entier supérieur si ça ne tombe pas "juste" (?)
- Renseigner les infos pour les 4 produits

Répondre