[DOM] Tableau de calcul en javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour,

j'ai besoin de vos lumi�res pour un exercice :

Je souhaiterais faire un tableau o� on aurait un produit (avec un prix et un poids d�fini dans deux colonnes distinctes), on choisit la quantit� dans une autre colonne et dans les deux derni�res on y trouve le poids total et le prix total (suivant la quantit� choisie).

Je me sers de la formule suivante :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <head> <script language="javascript"> function popbs() { window.document.formulaire.ptpb.value = document.formulaire.popb.value * 370 ; } function prpbs() { window.document.formulaire.prtpb.value = document.formulaire.popb.value * 6 ; } </script> </head> <body> <td align="center"><input type="text" name="popb" size="3" onkeyup="popbs()"> </td> <td align="center"><input type="text" name="ptpb" size="8" disabled="disabled" > g</td> <td align="center"><input type="text" name="prtpb" size="8" disabled="disabled" > g</td> </body>
J'arrive � faire le premier calcul : celui qui fait : quantit�x370g = poids total
Mais impossible de faire l'autre. En fait, c'est que je n'arrive pas � combiner deux fonctions pour un formulaire : quand je les mets s�prament �a va... Comment faire en sorte que la case pour la quantit� soit utilis�e pour deux calculs ?

Merci

17/03/2009, 20h05
Auteur
bonjour,

La valeur contenue dans un input (quel qu'il soit) ou un textarea est une chaine de caract�res. Donc il faut transformer cette chaine en nombre en utilisant parseInt() ou parseFloat() :
Code:

1 2 document.formulaire.ptpb.value = parseFloat(document.formulaire.popb.value) * 370 ;
17/03/2009, 20h34
SpaceFrog

il sera aussi plus �l�gant (et crossbrowser) d'utiliser une syntaxe plus correcte:

Code:

document.forms['formulaire'].elements['ptpb'].value

n'oublie pas de preciser �galement la base du parse (par defaut sous IE par exemple elle est � 8)
17/03/2009, 21h06
Auteur

[QUOTE=SpaceFrog;4119782]il sera aussi plus �l�gant (et crossbrowser) d'utiliser une syntaxe plus correcte:

Code:

document.forms['formulaire'].elements['ptpb'].value

ou document.getElementById() ;=

Citation:

Envoy� par SpaceFrog

n'oublie pas de preciser �galement la base du parse (par defaut sous IE par exemple elle est � 8)

IE travaille en base 8 8O. J'aurai appris quelque chose :ccool:
Maintenant si mariepierre utilise parseFloat() je ne pense pas qu'il faille pr�ciser la base ;)
18/03/2009, 06h54
Bovino

Citation:

Envoy� par SpaceFrog

(par defaut sous IE par exemple elle est � 8)

Uniquement si le chiffre en question commence par 0 il me semble ?

merci pour vos r�ponses, cependant cela ne marche toujours pas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
function popbs() { window.document.formulaire.ptpb.value = parseFloat(document.formulaire.popb.value) * 370 ; } 
function prpbs() { window.document.formulaire.prtpb.value = document.formulaire.popb.value * 6 ; }
 
 
<tr bgcolor="#f6f1e0">
    <td><img src=" "></td>
    <td><strong>Petit brebis</strong></td>
    <td align="center">370g</td>
    <td align="center">6,00 €</td>
    <td align="center"><input type="text" name="popb" size="3" onkeyup="popbs()" onKeyUp="prpbs()"> </td>
    <td align="center"><input type="text" name="ptpb" size="8" disabled="disabled" onkeyup="pts()" > g</td>
    <td align="center"><input type="text" name="prtpb" size="8" disabled="disabled" > euros</td>
  </tr>

C'est au niveau de la gestion de deux fonctions non qu'il y a un probl�me ?

18/03/2009, 15h05
Bovino

Code:

<td align="center"><input type="text" name="popb" size="3" onkeyup="popbs();prpbs()"> </td>

si tu mets 2 fois onkeyup, le 2e annule le 1er :roll:
18/03/2009, 15h39
mariepierre

oui �a je m'en doute mais c'est pour vous montrer qu'il faut que cette case "appelle 2 fonctions".
Elle doit servir pour calculer le poids total et le prix total...
J'ai essay� le et "and", "&" mais �a ne marche pas
18/03/2009, 16h26
SpaceFrog

aller je te fais cadeau d'un point virgule ... tiens ;
18/03/2009, 18h05
Bovino

Citation:

Envoy� par SpaceFrog

aller je te fais cadeau d'un point virgule ... tiens ;

Ah... comme dans la ligne que j'ai propos�e ?
:D
18/03/2009, 18h11
mariepierre

quelle idiote..... :oops::oops:
excusez moi, j'�tais tellement d�moralis�e....
j'essaie et je vous tiens au courant !
Merci

re moi...

pas besoin de vous dire que �a marche, vous vous en doutiez...

mais maintenant j'ai un autre soucis... :
donc j'obtiens un poids total par rapport � la quantit� et pareil pour le prix.
Maintenant, j'aimerais que tous les "poids total" s'ajoutent pour obtenir un poids final.
j'ai essaye �a :
Code:

1 2 3 4 5 6 7 8 9 10 function pts() { window.document.formulaire.pt.value = parseFloat(document.formulaire.ptpb.value) + parseFloat(document.formulaire.ptt.value) + parseFloat(document.formulaire.ptc.value) + parseFloat(document.formulaire.ptpf.value) + parseFloat(document.formulaire.ptbp.value) + parseFloat(document.formulaire.ptbf.value); }  <input type="text" name="ptbf" size="8" disabled="disabled" onkeyup="pts()">  <input type="text" name="pt" size="8" disabled="disabled" >
inutile de vous dire que �a ne marche pas....
o� est mon erreur ?

18/03/2009, 20h20
SpaceFrog

disabled et onkeyup ne font pas bon m�nage ?
essaye readonly � la place
19/03/2009, 12h54
mariepierre

readonly � la place de disabled ne marche pas non plus.

Est-ce que ce ne serait pas un probl�me de r�appropriation des donn�es fournies automatiquement ? = Est-ce que le probl�me ne vient pas du fait que je demande un calcul automatique avec comme coefficient des r�sultats d'autres calculs auto ?
19/03/2009, 13h25
SpaceFrog

je te renvoie � cette intervention:
http://www.developpez.net/forums/d70...t/#post4119873
19/03/2009, 13h35
mariepierre

donc il faut que je mette :

Code:

document.forms['formulaire'].elements['ptpb'].value

�a donnerait �a par exemple?

Code:

function pts() { window.document.formulaire.pt.value = document.forms['formulaire'].elements['ptpb'].value * 20; }
19/03/2009, 14h31
SpaceFrog

l� aussi

Code:

window.document.formulaire.pt.value

donc :

Code:

1
2
3
 
 
document.forms['formulaire'].elements['pt'].value = document.forms['formulaire'].elements['ptpb'].value * 20; }

c'est �a ?

19/03/2009, 15h22
SpaceFrog

si tu n'as qu'un seul pts sur la page .. oui

sinon passe par les id

�a ne marche pas.

je mets comme fonction :
Code:

1 2 function pts() { document.forms['formulaire'].elements['pt'].value = document.forms['formulaire'].elements['ptbf'].value * 20;
donc je dis pour tester que le formulaire nomm� pt doit prendre la valeur du formulaire (r�sultat d'un calcul automatique) nomm� ptbf. C'est bien �a ?

et apr�s voici le code :
Code:

1 2 3 4 <td align="center"><input type="text" name="ptbf" size="8" disabled="ReadOnly" onkeyup="pts()"> g</td> <td align="center" bgcolor="#CCFF99"><input type="text" name="pt" size="8" disabled="disabled" > g</td>
o� est mon erreur, je ne comprends pas l�....

Voir 40 message(s) de cette discussion en une page