Discussion :

[xouzi]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(ok)

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

alert('ok');

[xouzi]

Code bouton

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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().