bouton + et - dasn 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>";
}
}
}
?>

Il suffit de numéroter les inputs, puis de les appeler par leur numéro en précisant le delta à ajouter !

Par ailleurs le code serait beaucoup plus clair en utilisant les CSS pour toutes les indications de style et en construisant la chaîne en PHP pour l'incruster en une seule fois dans le HTML.

Sauf erreur de ma part, cela pourrait donner quelque chose comme cela (voir l'id des inputs et l'appel par onclick).



Avec un code javascript quelque peu modifié


Puis enfin, une seule incrustation de PHP dans le HTML

Merci.

Voilà ce que j'ai fait et qui fonctionne très bien :

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

L'id du champ : id=\"q".$i."\"

L'appel de la fonction : onclick=\"incInput(1,".$i.");\"