Discussion :

[san1981]

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 :

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

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 :

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

[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 :

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

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 php :

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

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

[san1981]

Merci beaucoup! Ca fonctionne parfaitement!

Bonsoir,

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

Code :

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

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 php :

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

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