Discussion :

[bobslash]

Bonjour à tous,

Voilà, dans un formulaire où je ne peux pas utiliser php, je dois récupérer puis additionner et afficher le résultat de l'addition.
Je suis très nul en JS et j'aurais voulu savoir si cela était possible.
Mon exemple est en fait d'additionner des variables venant de 3 "select" d'un formulaire puis d'afficher la somme.

Merci de votre aide,
Cordialement.

[The eye]

Si ce que tu veux c'est récupérer le résultat d'une somme de trois "value" de "select" (dis moi si cela te parle ou non...c'est peut-être incomprehensible si tu es nouveau en JS) il faut que tu procède ainsi.

Code :

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

1
2
3
4
5
 
resultat = 
cdbl(document.getElementById('select1')[document.getElementById('select1').selectedIndex].value) +
cdbl(document.getElementById('select2')[document.getElementById('select2').selectedIndex].value) +
cdbl(document.getElementById('select3')[document.getElementById('select3').selectedIndex].value)

Est-ce bien cela que tu voulais faire?

[SpaceFrog]

peut être un petit Number() ou parseFloat() au passage ? juste histoire d'eviter une concaténation ?

[bobslash]

Merci de votre aide, mais cela ne me parle pas vraiment..... Désolé.

[The eye]

ok je t'explique :

- cdbl() pour la conversion en type double
- document.getElementById('select1') pour sélectionner ton objet select
- [document.getElementById('select1').selectedIndex] te renvoie l'index sélectionné
- .value te renvoie la valeur

Conclusion : cdbl(document.getElementById('select1')[document.getElementById('select1').selectedIndex].value)

Te rennvoie la valeur de l'élément option du select1, le tout convertit en double...

Si ça ne te parle toujours pas il faut que tu commence par un cours sur les rudiments du javascript

[SpaceFrog]

cdbl en javascript ????

attention à la casse CDbl( ) et ce n'est valable que pour VBScript

[The eye]

oups autant pour moi cdbl() c en asp.... remplace le par parseFloat

[SpaceFrog]

juste pour mémoire ...

peut être un petit Number() ou parseFloat() au passage ? juste histoire d'eviter une concaténation ?

[bobslash]

Merci, j'ai donc lu un ou 2 tutos et ça baigne.

Code :

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

1
2
<INPUT id=a value=> + <INPUT id=b value=> + <INPUT id=c value=> <INPUT onclick="res= parseFloat(document.getElementById('a').value)+parseFloat(document.getElementById('b').value)+parseFloat(document.getElementById('c').value);document.getElementById('d').value = res;" type=button value==> 
<INPUT id=d value=>

Merci encore.
Amicalement.

[SpaceFrog]

juste pour info au passage
les propriétés des attributs doivent être entre quote ...

Code :

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

id="a"

[bobslash]

Merci, sans les quotes ça fonctionne mais je les ai rajoutés

j'ai mis le script dans le formulaire, je récupère bien mes 3 variables, me reste plus qu'à implémenter la case total automatiquement si c'est possible, sinon yaka faukon cliquer

[SpaceFrog]

sans quote ça marche sous IE ...
le w3c précise que le sattributs doivent être entre quote

pour la case total puisque tu l'as calculé il ne reste plus qu'a l'attribuer

[bobslash]

Merci pour ces précisions, pour le champ total, j'ai mis onfocus ce qui rafraichit le total en cliquant sur le champ. Est-ce ok?

[SpaceFrog]

tout dépend de quand tu veux que le total soit calculé ???

[bobslash]

Une fis tous les champs remplis ou au fur et à mesure, c'est égal.
Mais de cette façon, ça me semble OK, ça évite un bouton.

[SpaceFrog]

sur le onkeyup de chacun des autre champs ou sur le onblur de ces champs ...

[bobslash]

En fait, ce dernier problème est réglé en donnant le focus à l'input total, ce qui le met à jour automatiquement.
Merci à tous.
Pour compléter, dans chaque zone select, j'ai ajouté:
onChange="this.form.total.focus()"