Discussion :

[okoweb]

Bonjour,
J'ai ce code

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<script type="text/javascript">
<!--
function convertMoney(){
 getamount(valeur);
 getTTC();
}
 
function getamount(){
     var devise = document.getElementById('devise').options[document.getElementById('devise').selectedIndex].value;
     var ht = document.getElementById("prixht").value;
     var tva = document.getElementById('tva').options[document.getElementById('tva').selectedIndex].text;
     document.getElementById("prixttc").value = ht + (ht*tva/100) +' '+devise;
}	
 
function getTTC(){
     var devise = document.getElementById('devise').options[document.getElementById('devise').selectedIndex].value;
     var ht = document.getElementById("prixht").value;
     var tva = document.getElementById('tva').options[document.getElementById('tva').selectedIndex].text;
     document.getElementById("prixttc").value = ht + (ht*tva/100) +' '+devise;
}	
// -->
</script>
 
<form action="">
<label>Prix HT</label><input type="text" name="prixht" id="prixht" onblur="getamount();" /><br />
<label>TVA</label><select name="tva" id="tva" onchange="getTTC();">
<option value="19.6">19.6</option>
<option value="5.5">5.5</option>
</select><br />
<label>Prix TTC</label><input type="text" name="prixttc" id="prixttc" readonly="readonly" />
<select name="devise" id="devise" onchange="convertMoney();">
<option value="1.00">Euro</option>
<option value="1.31524">Dollar</option>
<option value="0.836586">Livre</option>
</select>
</form>

1. Je souhaite en rentrant un prix HT, que le prix TTC soit calcul� et affich� automatique dans le champ prixttc qui est en readonly. Ce TTC est calcul� par defaut avec la devise par defaut au chargement de la page (�) et la tva par defaut 19.6.

2. En changeant de TVA que le TTC soit reculcul� et affich�.

3. En changeant de devise que le HT soit recalcul� et affich� dans le champs appropri� ainsi que TTC.

Meilleures salutations.

[E.Bzz]

Bonjour,

1. Je souhaite ....

Oui, et ?
Quel est le probl�me avec ton code actuel ?

A priori que tu tentes de faire des calculs sur des cha�nes de caract�res ?
(les .value sont des string)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

parseFloat(un_element.value, 10)

A+

[okoweb]

Oui, et ?
Quel est le probl�me avec ton code actuel ?

En changeant de devise, je voudrai que le prixht soit converti et aussi prixttc en fonction de la devise choisie.

A priori que tu tentes de faire des calculs sur des cha�nes de caract�res ?
(les .value sont des string)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

parseFloat(un_element.value, 10)

A+

Je ne savais pas, merci...

[Watilin]

Bonjour Oko,
quelques remarques.
- J'ai la farouche impression que tes deux fonctions getTTC() et getamount() font la m�me chose.

- As-tu envisag� onkeyup � la place de onchange sur ton <input> ?

- Au lieu de faire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('machin').options[document.getElementById('machin')].value

ceci est � la fois plus lisible et plus efficace :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('machin').value

Voil� pour le calcul des TTC. Pour les devises, on verra apr�s. Tiens-nous au courant

[okoweb]

Bonjour Oko,
quelques remarques.
- J'ai la farouche impression que tes deux fonctions getTTC() et getamount() font la m�me chose.

Oui car leur role est de prendre les donn�es ca et l� et recalculer le TTC, ...

- As-tu envisag� onkeyup � la place de onchange sur ton <input> ?

Okay pour onkeyup

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('machin').value

Ce bazar ne marche pas pour les select, on fait plutot :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
//pour la valeur
document.getElementById('machin').options[document.getElementById('machin')].value;
//pour le texte
document.getElementById('machin').options[document.getElementById('machin')].text;

[E.Bzz]

Ce bazar ne marche pas pour les select

Si !

As-tu test� ?
Sur quel navigateur ?

Sinon

Je ne savais pas, merci...

Je n'avais pas r�pondu pour faire joli ou pour passer le temps

C'est la r�ponse � ta question de d�part.

As-tu seulement essay� quelque chose ?

A+

[dukej]

Ce bazar ne marche pas pour les select, on fait plutot :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
//pour la valeur
document.getElementById('machin').options[document.getElementById('machin')].value;
//pour le texte
document.getElementById('machin').options[document.getElementById('machin')].text;

Il faut arr�ter la drogue
select.value, contient la valeur du option s�lectionn� et ce depuis IE6
mais encore il faudrait que tes options poss�dent tous un value.

[okoweb]

Il faut arr�ter la drogue
select.value, contient la valeur du option s�lectionn� et ce depuis IE6
mais encore il faudrait que tes options poss�dent tous un value.

Je ne savais pas qu'on pouvait le faire ainsi. Il faudrait revoir les documentations � propos, la FAQ par exemple. J'ai pas essay� mais je reste prudent. Merci

[dukej]

Je ne savais pas qu'on pouvait le faire ainsi. Il faudrait revoir les documentations � propos, la FAQ par exemple. J'ai pas essay� mais je reste prudent. Merci

La faq a certains conseils qu'il vaut mieux �viter � tout prix.