Calcul TVA onKeyUp [Résolu]

[xouzi]

Bonjour,

Je tiens à dire que je suis nul en javascript. J'ai 2 boutons type text :

Code :

1
2
<input type="text" name="ttc" id="sai_frais2_1_sup" class="zone_saisie_nombre" onKeyUp="calculTotal()"  />
<input type="text" name="tva" id="sai_frais2_1_sup" class="zone_saisie_nombre" onKeyUp="calculTotal()"  />

Je souhaite que quand je saisisse dans mon champ texte "ttc" la champs tva calcul automatiquement (sans clic) le montant de la tva. Comment puis je faire?

Voici le script que j'utilise:

Code :

1
2
3
4
5
6
7
8
<script language="javascript">
 
function calculTotal(){
 
document.f_saisie.tva.value = (document.f_saisie.ttc.value * 0.804);
 
 } 
</script>

[vermine]

Bonjour,

Tout d'abord, nous utilisons cette syntaxe-ci :

Code :

<script type="text/javascript">

Ensuite, est-ce que votre formulaire s'appelle bien "f_saisie" ?

[xouzi]

Oui

[Bovino]

Tes champs tva et ttc sont uniques dans la page ?

[vermine]

Ils sont peut-être unique mais par contre ils ont le même id.
Ca ne règlera pas votre souci mais un id doit être unique.

[xouzi]

Oui. J'ai trouvé quelque incohérence dans ce que j'ai fais. Maintenant mais 2 boutons :

Code :

1
2
3
 
<input type="text" name="ttc" id="sai_frais2_1_sup" class="zone_saisie_nombre" onKeyUp="calculTotal()"  />
<input type="text" name="tva" id="sai_frais2_1_sup" class="zone_saisie_nombre" />

J'ai mi une alerte dans le script mais elle n'apparait jamais.

Code :

1
2
3
4
5
6
7
8
<script language="javascript">
 
function calculTotal(){
alerte(ok)
document.f_saisie.tva.value = (document.f_saisie.ttc.value * 0.804);
 
 } 
</script>

[vermine]

Un "e" en trop.

Code :

alert(ok)

PS : vos id sont toujours identiques et vous n'avez pas modifié cette ligne :

Code :

<script language="javascript">

[Bovino]

Oui... et comme en plus je doute que tu aies une variable ok, ça risque pas de marcher très bien

Code :

alert('ok');

[xouzi]

Code bouton

Code :

1
2
3
 
 <input type="text" name="ttc" id="sai_ttc" class="zone_saisie_nombre" onKeyUp="calculTotal()"  />
<input type="text" name="tva" id="sai_tva" class="zone_saisie_nombre" />

le script :

Code :

1
2
3
4
5
6
7
 
<script type="text/javascript">
function calculTotal(){ 
//alert('ok')
document.f_saisie.sai_tva.value = (document.f_saisie.sai_ttc.value * 0.196);
 } 
 </script>

Mon alerte a bien fonctionné. Je voudrais juste savoir si la méthode pour inserer dans un input type texte et correct. J'ai pas un return ou quelque chose d'autre a mettre ?

[xouzi]

Je devrais peut etre mettre des variables ex :calculTotal(ttc, tva) plutot que d'utiliser f_saisie.sai_tva.

[vermine]

Non, pas besoin de variables. La syntaxe devrait fonctionner comme ça. A une exception près : avec cette syntaxe, ce n'est pas l'id (sai_tva) que vous devez pointer mais le name (tva).
Pas de return non plus car vous allez directement positionner la nouvelle valeur.

[Bovino]

Tu ne peux pas utiliser les identifiants avec cette syntaxe et si tu veux utiliser les name, il faut qu'ils soient uniques (ben oui, sinon comment JavaScript peut deviner duquel il s'agit).

Code :

document.getElementById('sai_tva').value = (document.getElementById('sai_ttc').value * 0.196);

[xouzi]

C'est bon ça marche.
Merci d'avoir été patient et de vos réponses.

[xouzi]

J'ai encore un petit soucis.

Si je saisis un nombre a virgule le resultat est NaN

[xouzi]

C'est bon, j'ai mis un parseFloat().