[DOM] Tableau de calcul en javascript

**mariepierre** · 17/03/2009, 19h00

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 :

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

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

**Auteur** · 17/03/2009, 20h05

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 :

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

1
2
 
document.formulaire.ptpb.value = parseFloat(document.formulaire.popb.value) * 370 ;

**SpaceFrog** · 17/03/2009, 20h34

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

Code :

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

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)

**Auteur** · 17/03/2009, 21h06

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

Code :

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

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

ou document.getElementById() ;=

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

. J'aurai appris quelque chose

Maintenant si mariepierre utilise parseFloat() je ne pense pas qu'il faille pr�ciser la base

**Bovino** · 18/03/2009, 06h54

Envoy� par SpaceFrog

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

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

**mariepierre** · 18/03/2009, 14h56

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

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

**Bovino** · 18/03/2009, 15h05

Code :

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

<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

**mariepierre** · 21/03/2009, 08h40

Re moi.

maintenant j'ai un probl�me pour envoyer le r�sultat des champs automatiques via un script d'envoi basique en php.

�a coince avec le "disabled" (qu'il ait en propri�t� "disabled" ou "read only").
quand je l'enl�ve �a va... mais je suis oblig�e de le laisser sinon le r�sultat est modifiable

**SpaceFrog** · 21/03/2009, 10h07

jette un oeil sur les champs hidden ...

**mariepierre** · 21/03/2009, 16h05

Envoy� par SpaceFrog

jette un oeil sur les champs hidden ...

je ne comprends pas

**Auteur** · 21/03/2009, 21h40

Tu as des input de type hidden :

Code :

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

<input type="hidden" value="valeur cachée" id="inputHidden" />

Tu peux y placer tout ce que tu veux : par exemple le r�sultat interm�diaire d'un calcul.
Ces champs ont la particularit� d'�tre cach�s, ils sont totalement invisibles sur la page.

**mariepierre** · 22/03/2009, 07h47

on peut y placer le r�sultat d'un calcul automatique ?

[DOM] Tableau de calcul en javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager