acces case tableau

**midosd** · 14/01/2009, 09h18

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**vermine** · 14/01/2009, 09h33

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;

**Bovino** · 14/01/2009, 09h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 14/01/2009, 09h41

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("tab").rows[i].cells[2].innerHTML = document.getElementById("tab").rows[i].cells[1].getElementsByTagName('input')[0].value * 1.5;

**E.Bzz** · 14/01/2009, 09h46

@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+

**Bovino** · 14/01/2009, 09h55

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

alert("3bovinos" * 2);

pose problème...

**vermine** · 14/01/2009, 09h45

Envoyé par Bovino

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Bovino** · 14/01/2009, 09h33

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

soit NaN !

**midosd** · 14/01/2009, 09h39

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 ?

**midosd** · 14/01/2009, 09h42

salut Chomeur avec cette instruction n'est pas marcher aussi ( j'aime que le résultat soit en double aussi)

**Jumano** · 14/01/2009, 09h44

Bonjour,
Le mieux serait de nous montrer le code de ta page ...

**midosd** · 14/01/2009, 09h45

bug : affiche dans les cases NAN

**midosd** · 14/01/2009, 09h53

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
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;
}
 
}
}

**le_chomeur** · 14/01/2009, 09h35

sinon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**E.Bzz** · 14/01/2009, 09h39

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+

**le_chomeur** · 14/01/2009, 09h42

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

**E.Bzz** · 14/01/2009, 09h51

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)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+

acces case tableau

JavaScript

Vue hybride

Discussions similaires

Partager

Partager