calcul dynamique en fonction d'un formulaire

calcul dynamique en fonction d'un formulaire - HTML/CSS - Programmation

Marsh Posté le 15-05-2004 à 19:15:23    

Bonjour,
 
J'ai un script php avec un formulaire et une fois valide je recupere mes valeurs pour les stocker dans une table MySQL. Cependant avant de valider le formulaire je voudrais effecter un calcul sur les valeurs entrees dans les champs du formulaire (car ca donne une idee a l'utilisateur de ce qu'il va obtenir avec ses valeurs).
 
Donc j'aimerai que le resultat de mon calcul change des que les valeurs donnees par l'utilisateur changent. Pour le moment tout ce que j'obtiens ce que le resultat change lorsque je valide le formulaire :(  
 
Voila ce que j'ai fait:

Citation :

<body ...>
<script type="text/javascript">
function fonct1() {
  return document.form.input1.value * 100
}  
</script>
 
<table>
...
<form ...>
...
<?
  echo "<td><input class=\"input\" type=\"text\" SIZE=\"5\" MAXLENGTH=\"2\" name=\"input1\" value=\"".$tbl[val1]."\"></td>";
?>
...
</form>
</table>
 
<table>
  <tr>
    <td class="Titre">Stats</td>
    <td colspan="2" align="left">
      <script type="text/javascript">
        document.write(fonct())
      </script>
    </td>
  </tr>
</table>
 
</body>


 
Voila, bon comme vous l'avez peute tre remarque je m'y connais vraiment pas en javascript :cry:  
 
J'espere que vous pourrez me donner un coup de main :hello:  
 
Merci :jap:


Message édité par IvanleFou le 15-05-2004 à 19:17:56
Reply

Marsh Posté le 15-05-2004 à 19:15:23   

Reply

Marsh Posté le 15-05-2004 à 19:45:13    

On utilise plus document.form etc...
 
On utilisez document.getElementById('id_de_l_element').value pour récupérer une valeur.
 
Ensuite, un document write, c'est pas non plus du meilleur effet. Quand on peut éviter, c'est toujours mieux, soit en utilisant un innerhtml soit en utilisant un champ (un input text par exemple).

Reply

Marsh Posté le 15-05-2004 à 20:56:50    

Oulaaa j'ai jamais entendu parler de ca. Tous les tutorials sur le javascript que j'ai vu ne parle que de document.form...
 
Si vous avez un truc plus a jour je suis preneur!

Reply

Marsh Posté le 15-05-2004 à 22:57:05    

IvanleFou a écrit :

Oulaaa j'ai jamais entendu parler de ca. Tous les tutorials sur le javascript que j'ai vu ne parle que de document.form...
 
Si vous avez un truc plus a jour je suis preneur!


 
Ya rien de compliqué.
 
Imaginons que tu aies un élément en html avec un id tel que par exemple :
 
<input id="exemple_id" type="text">
 
Pour récupérer la valeur entrée dans l'input, tu fais :
 
document.getElementById('exemple_id').value
 
Où est la complexité ?? :??:  
 
A partir de là, tu peux faire exactement ce que tu cherches. [:spamafote]

Reply

Marsh Posté le 15-05-2004 à 23:48:23    

Le getElementById ca c'est bon je me doutais un de comment ca marche. innerhtml par contre c'est la premiere fois que je vois.
 
Bon je vais voir ce que je peux faire avec getElementById


Message édité par IvanleFou le 15-05-2004 à 23:48:46
Reply

Marsh Posté le 16-05-2004 à 07:35:00    

IvanleFou a écrit :

Le getElementById ca c'est bon je me doutais un de comment ca marche. innerhtml par contre c'est la premiere fois que je vois.
 
Bon je vais voir ce que je peux faire avec getElementById


 
Pour ce que tu veux faire, utilises un input type="text" en sortie. Ainsi tu n'as besoin de rien d'autre et les modifications dynamiques sur cet élément sont visibles immédiatement.
 
exemple :
 
js :
 
function test()
{
var i= 12 + 14;
document.getElementById('sortie').value += i;
}
 
(équivaut à : document.getElementById('sortie').value = document.getElementById('sortie').value + i; )
 
Dans le HTML un simple :
 
<input type="text" id="sortie" onclick="test();" />
 
C'est juste pour te montrer la logique d'utilisation des ids. A partir de là, tu peux absolument tout faire. Oublies toutes les merdes de document.form etc...
 
 
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed