calcul automatique dans un formulaire où les données sont récupérées d'une BDD

Version imprimable

Bonjour à tous,

Je suis en train de créer un formulaire reprenant des produits venant d'une base de données, avec un prix fixe, une reprise fixe. Pour chaque ligne de produit je souhaite pouvoir ajouter un nombre de produits à reprendre et qu'ensuite une valeur de reprise se calcule automatiquement.

Avec mon code actuel, le calcul se fait bien automatiquement mais selon pour la première ligne du formulaire, juste sur le premier produit, après il ne se passe plus rien, pas de message d'erreur mais rien ne se fait. Pouvez-vous m'aider?

Merci beaucoup ;)

Mon code javascript:
Code:

1 2 3 4 5 6 7 8 <script type="text/javascript"> function calcul() { var pourcentage = document.getElementById("pourcentage").value; var reprise = document.getElementById("reprise").value; document.getElementById("resultat").value = pourcentage * reprise; } </script>
Le code de mon formulaire (la connexion avec ma BDD se passe bien et les produits s'affichent correctement avec le prix correct de ma BDD):
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 <form class="form" method="POST" enctype="multipart/form-data" > <table class="converterformtable"> <tr> <th>Prix</th> <th>%</th> <th>rep</th> <th>Valeur</th> </tr> <?php $retour = mysql_query('SELECT * FROM products ORDER BY ID DESC'); while ($donnees = mysql_fetch_array($retour)) { ?> <tr> <td><?php echo $donnees['price']; ?></td> <td><input type="text" id="pourcentage" onkeyup="calcul()" value="<?php echo $donnees['percentage']; ?>" /></td> <td><input type="text" value="" id="reprise" name="reprise" style="width: 50px" onkeyup="calcul()/></td> <td><input type="text" id="resultat" value=""/> </td> </tr> <?php } ?> </table> </form>

Bonsoir,

Avec ton code, tu auras des id qui se répètent or qu'un id doit être unique dans un document.

Code:

1
2
3
4
5
6
7
8
<script type="text/javascript">
function calcul(nbLigne)
{
	var pourcentage = document.getElementById("pourcentage"+nbLigne).value;
	var reprise = document.getElementById("reprise"+nbLigne).value;
	document.getElementById("resultat"+nbLigne).value = pourcentage * reprise;
}
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$i=0;
while ($donnees = mysql_fetch_array($retour))
	{
	?>
 
	<tr>
		<td><?php echo $donnees['price']; ?></td>
		<td><input type="text" id="pourcentage<?php echo $i; ?>" onkeyup="calcul(<?php echo $i; ?>)" value="<?php echo $donnees['percentage']; ?>" /></td>
		<td><input type="text" value="" id="reprise<?php echo $i; ?>" name="reprise" style="width: 50px"  onkeyup="calcul(<?php echo $i; ?>)"/></td>
		<td><input type="text" id="resultat<?php echo $i; ?>" value=""/>
		</td>
	</tr>
	<?php
$i++;	}
?>

A+.

Merci beaucoup! Ca fonctionne parfaitement! :)

Citation:

Envoyé par andry.aime

Bonsoir,

Avec ton code, tu auras des id qui se répètent or qu'un id doit être unique dans un document.

Code:

1
2
3
4
5
6
7
8
<script type="text/javascript">
function calcul(nbLigne)
{
	var pourcentage = document.getElementById("pourcentage"+nbLigne).value;
	var reprise = document.getElementById("reprise"+nbLigne).value;
	document.getElementById("resultat"+nbLigne).value = pourcentage * reprise;
}
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$i=0;
while ($donnees = mysql_fetch_array($retour))
	{
	?>
 
	<tr>
		<td><?php echo $donnees['price']; ?></td>
		<td><input type="text" id="pourcentage<?php echo $i; ?>" onkeyup="calcul(<?php echo $i; ?>)" value="<?php echo $donnees['percentage']; ?>" /></td>
		<td><input type="text" value="" id="reprise<?php echo $i; ?>" name="reprise" style="width: 50px"  onkeyup="calcul(<?php echo $i; ?>)"/></td>
		<td><input type="text" id="resultat<?php echo $i; ?>" value=""/>
		</td>
	</tr>
	<?php
$i++;	}
?>

A+.