Fonction de calcul avec des cellules de tableau HTML

**Gannox** · 23/09/2012, 19h28

Bonsoir à tous,

J'ai un projet de développement Web à réaliser et j'utilise du Javascript, de l'ajax, du PHP, etc...

Pour une de mes fonctions Javascript, je suis censé pouvoir effectuer une simple multiplication afin d'obtenir le montant total d'une facture factice.

Tableau HTML :

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
<tbody id="body">
			<tr>
				<td></td>
				<?php
                                include 'connexion.php';
                                $liste = "SELECT codeService, prestation, cout FROM service";
                                $res = mysqli_query($link, $liste) or die ("Requete erronee.");
                                echo "<td><SELECT name='prestations' onchange='codePrestation(this);prix(this)'>";
                                while ($row = mysqli_fetch_row($res))
                                {
                                        echo "<OPTION value=$row[0]>$row[1]";
                                }
                                echo "</SELECT></td>"
                                ?>
				<td id="idPrix"></td>
				<td><div class="centrer"><input type="text" name="quantite" size="5" id="quantite" onchange="multiplie(this.value)" /></div></td>
				<td id="res"></td>
			</tr>
		</tbody>

"idPrix" représente le prix d'un produit précis et "quantite" représente le nombre de fois que le client souhaite acquérir. La case du tableau avec l'id "res" contient la valeur du montant total. J'ai réalisé une fonction Javascript pour y parvenir, je n'ai pas d'erreur mais il n'y a rien d'affiché. C'est ici que je bloque :

Fonction JS :

Code :

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

1
2
3
4
5
6
7
function multiplie(valeur)
{
	var prix = document.getElementById("idPrix").innerHTML;
	var quantite = document.getElementById("quantite").value;
	var res = parseFloat(prix) * quantite;
	document.getElementById("res").value = res;
}