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