Résultat dynamique d'un calcul

bonjour à tous.

C'est mon premier post, soyez donc indulgent si toutefois une réponse a déjà été donnée à ce problème (J'ai vainement utilisé la fonction Recherche).

Dans un formulaire j'aimerais pouvoir calculer dynamiquement (donc sans utiliser d'envoi au serveur via un submit) le résultat d'un calcul entre 2 input.

ex; On entre '2' dans le premier INPUT, '2' dans le second et apparait dynamiquement '4' dans le troisième.

Comme evidemment on envoie rien au serveur, je suppose que c'est le client qui fait le calcul et donc de ce fait qu'il faille utiliser javascript.

Je précise que j'utilise PHP et MySQL sur ce projet.
Merci à tous.

Javascript est fait pour ça !

Avec :

Code:

---

1 2 3 4

var valeur1 = parseInt(document.getElementById("premierInput").value); var valeur2 = parseInt(document.getElementById("deuxiemeInput").value); document.getElementById("troisiemeInput").value = valeur1 + valeur2;

---

Tu peux aussi utiliser parseFloat() à la place de parseInt();

Merci de ta reponse: je vais partir sur cette voie là.


Qd tu écris :document.getElementById("troisiemeInput").value = valeur1 + valeur2;

A vrai dire je connais pas les manipulations mathématiques en js mais le '+' concataine-t-il pas là ? ou faut-il utiliser le parseInt ici aussi ?

bye

Ok merci buzzkaido le code suivant rempli mes espérances MAIS...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script> function C1() { var v1 = parseInt(document.getElementById("I1A").value); var v2 = parseInt(document.getElementById("I1B").value); document.getElementById("ST1").value = v1 + v2; } </script>   <input type="text" id="I1A"> <input type="text" id="I1B"> <input type="button" onclick="C1()" value="Calculer"> <input type="text" id="ST1">

---

... J'aimerais que le calcul se fasse dynamiquement et que le résultat s'affiche seul SANS que je sois obligé de cliquer sur 'CALCULER'... est-ce possible ?


Merci encore ;)

Pour que le calcul se fasse de manière automatique tu doit rajouter des action d'évènement sur tes textbox :
- onchange : le calcul se fera quand le textbox perd le focus
- onkeydown ou onkeyup : le calcul se fait des que tu tappe quelque chose dans ton textebox.
Voila.