bouton + et - dans panier

Bonjour,
Besoin d'aide svp : J'ai un panier d'achat dans lequel je voudrais ajouter des boutons + et - pour modifier la quantité.

Ca fonctionne, seulement ça ne met à jour que la première ligne de mon panier, car je n'arrive pas à récupérer dans ma fonction javascript la référence $i de la ligne concernée.

Mon script :


<script type="text/javascript">
function incInput(j) {
var value = parseInt(document.getElementById('q').value, 10);
value += j;
document.getElementById('q').value = value;
}
</script>



<?php
if (creationPanier())
{
$nbArticles=count($_SESSION['panier']['libelleProduit']);
if ($nbArticles <= 0)
echo "<tr><td align='center' style='border-left:0px solid #2D4D7F;border-bottom:0px solid #2D4D7F;border-right:0px solid #2D4D7F;border-top:0px solid #2D4D7F'>&nbsp;<h2>Votre panier est vide !</h2></ td></tr>";
else
{

for ($i=0 ;$i < $nbArticles ; $i++)
{

echo "<tr height='30'>";

echo "<td align='center' style='border-left:0px solid #2D4D7F;border-bottom:1px solid #2D4D7F;border-right:1px solid #2D4D7F;border-top:0px solid #2D4D7F'><input style='text-align:center;font-family: Trebuchet MS; font-size: 10pt' type=\"text\" size=\"4\" name=\"q[]\" id=\"q\" value=\"".htmlspecialchars($_SESSION['panier']['qteProduit'][$i])."\"/>
<input type=\"image\" src='images/plus.jpg' width='9' height='9' title='plus' value=\"Rafraichir\"/ onclick=\"incInput(1);\"></td>";

echo "</tr>";
}
}
}
?>

Bonjour,

Un id doit être unique. Tu peux concaténer la valeur de $i a ton id :


Ensuite, tu passe la valeur $i en tant que deuxième argument de ta fonction incInput.


Enfin, dans ta fonction javascript tu modifie l'élément adéquat en récupérant l'id passé en paramètre.

Merci beaucoup, ça marche !!
Je me trompais quand je concaténais $i à l'id.
Bien, voilà 4h de recherche résolue en 2 mn ! Merci encore