acces case tableau

Version imprimable

14/01/2009, 09h18
midosd

acces case tableau
Salut :

j'ai un tableau qui contient trois colonnes reference_produit , prix_achat et prix_pourc avec prix_pourc = prix_achat * 1,5

les colonnes : reference_produit et prix_achat sont remplies par l'utilisateur en html sans accès au base donnés , comment je peux remplir les valeurs de prix_pourc avec javascript.

la page est en html (statique)

j'ai utiliser cette formulaire mais s'affiche une erreur :
Code:

1 2 3 4 5 6 i=1; while(i<document.getElementById("tab").rows.length) { document.getElementById("tab").rows[i].cells[2].innerHTML = document.getElementById("tab").rows[i].cells[1].innerHTML * 1.5; i++; }
voila elle affiche NAN dans la case

et merci d'avance
14/01/2009, 09h33
vermine
Bonjour,

Je me demande si ce n'est pas parce que vous multipliez un nombre (1.5) par une chaine de caractère (la valeur récupérée par votre document.getElementById).

En fait, il faudrait récupérer cette valeur dans une variable et la parser en Integer:
Code:

1 2 3 4 5 6 var prix_achat = document.getElementById("")... ; var prix_pourc = 0; prix_achat = parseInt(prix_achat); prix_pourc = prix_achat * 1.5;
14/01/2009, 09h33
Bovino

Citation:

reference_produit et prix_achat sont remplies par l'utilisateur en html

Dans un input j'imagine ?
Dans ce cas, il est normal que

Code:

document.getElementById("tab").rows[i].cells[1].innerHTML

soit NaN !
14/01/2009, 09h35
le_chomeur

sinon :

Code:

parseInt(document.getElementById("tab").rows[i].cells[1].innerHTML) * 1.5
14/01/2009, 09h39
midosd

pour Vermine je lui dit que j'ai fait le parseInt mais même problème et pour Bovino je lui dit c'est exacte j'ai fait ça et qu'elle est la solution don ?
14/01/2009, 09h39
Bovino
Citation:

Envoyé par vermine

Bonjour,

Je me demande si ce n'est pas parce que vous multipliez un nombre (1.5) par une chaine de caractère (la valeur récupérée par votre document.getElementById).

Logiquement, si la chaine de caractère commence par un chiffre, la multiplication est valable :
Code:

1 2 alert("3bovinos" * 2); // Affiche 6, même si tout le monde sait qu'il y a que 1 Bovino ! alert("Bovino3" * 2); // Affiche NaN
14/01/2009, 09h39
E.Bzz

Sans oublier de préciser la base 10 pour parseInt(), sinon bugg potentiel

Code:

parseInt(document.getElementById("tab").rows[i].cells[1].innerHTML, 10) * 1.5

;)

A+
14/01/2009, 09h41
Bovino

Code:

document.getElementById("tab").rows[i].cells[2].innerHTML = document.getElementById("tab").rows[i].cells[1].getElementsByTagName('input')[0].value * 1.5;
14/01/2009, 09h42
le_chomeur

E.Bzz , c'est a dire ?? quel genre de bug ?
14/01/2009, 09h42
midosd

salut Chomeur avec cette instruction n'est pas marcher aussi ( j'aime que le résultat soit en double aussi)
14/01/2009, 09h44
Jumano

Bonjour,
Le mieux serait de nous montrer le code de ta page ...
14/01/2009, 09h45
midosd

bug : affiche dans les cases NAN
14/01/2009, 09h45
vermine

Citation:

Envoyé par Bovino

Logiquement, si la chaine de caractère commence par un chiffre, la multiplication est valable :

Code:

alert("3bovinos" * 2); // Affiche 6, même si tout le monde sait qu'il y a que 1 Bovino !

J'ai exécuté votre code et j'ai obtenu NaN. :(
14/01/2009, 09h46
E.Bzz

@Bovino : il vaut quand même mieux faire explicitement la conversion ;)

Pour le cas de "3Bovino", pas de problème.
Mais si la conversion est tronquée à cause d'un séparateur décimal erroné, par exemple, c'est plus embêtant.
En effet, dans ce cas aucune erreur ne sera détectée (comme dans ton exemple), alors que le calcul sera faux car seule la partie entière aura été prise en compte.

En plus de la rigueur du code (pour éviter de faire des calculs sur des string), l'utilisation du parseInt() ou parseFloat() permet entre autre de détecter ces erreurs ...

A+
14/01/2009, 09h51
E.Bzz
Citation:

Envoyé par le_chomeur

E.Bzz , c'est a dire ?? quel genre de bug ?

Si la base de conversion n'est pas précisée, la fonction la déduit des 1° caractères. Du coup, il peut y avoir des surprises (sous IE6 et FF2 en tous cas) :aie:
Code:

1 2 3 <input type="button" onclick="alert(parseInt('08', 10));" value="8"> <input type="button" onclick="alert(parseInt('09'));" value="9">
A+

Code:

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
38
39
40
41
42
43
44
45
46
47
48
49
<table width="64%" border="1" id="tab2" >
  <tr>
    <td width="10%"><div align="center">Ref</div></td>
    <td width="5%"><div align="center">PA</div></td>
    <td width="26%"><div align="center">PA nouv</div></td>
  </tr>
 
  <tr>
    <td>sds</td>
    <td>13</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>sff</td>
    <td>111</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>fffe</td>
    <td>5,5</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>eefef</td>
    <td>12</td>
    <td>&nbsp;</td>
  </tr>
</table>
<p>
  <label>
  <input type="button" name="button3" id="button3" value="calcule" onclick="calcule();"/>
  </label>
</p>
 
avec 
 
function calcule()
{
n=document.getElementById("tab").rows.length;
i=1;
for(i=1;i<n;i++)
{
var b ;
b=parseInt(document.getElementById("tab").rows[i].cells[1].innerHTML)*1.5;
document.getElementById("tab").rows[i].cells[2].innerHTML =b;
}
 
}
}

14/01/2009, 09h55
Bovino

Citation:

Envoyé par E.Bzz

@Bovino : il vaut quand même mieux faire explicitement la conversion ;)

Pour le cas de "3Bovino", pas de problème.
Mais si la conversion est tronquée à cause d'un séparateur décimal erroné, par exemple, c'est plus embêtant.
En effet, dans ce cas aucune erreur ne sera détectée (comme dans ton exemple), alors que le calcul sera faux car seule la partie entière aura été prise en compte.

En plus de la rigueur du code (pour éviter de faire des calculs sur des string), l'utilisation du parseInt() ou parseFloat() permet entre autre de détecter ces erreurs ...

A+

Je suis entièrement d'accord avec toi : préférer passer par parseInt / parseFloat et préciser la base !

PS : En plus, effectivement,

Code:

alert("3bovinos" * 2);

pose problème... :(

midosd,

La déclaration est "tab2":
Code:

1 2 <table width="64%" border="1" id="tab2" >
Alors que l'appel est "tab" tout court:
Code:

1 2 document.getElementById("tab").rows[i].cells[1].innerHTML