j'ai des champ de formulaire quantité que je veux augmenter sa valeur ou la diminuer sur la meme page qui se repete selon le nombre des produits

en fait y'en a 2 probleme : si je fais <input type=button> ça fonctionne que pour le 1er champ. meme quand je fais (+) et (-) des autres champs c'est le 1er champ qui varie.

le 2eme probleme quand je remplace le type =button pas image ça ne fonctionne plus.

voila la partie du code qui nous interesse à peu pré :
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
 
<?php 
   while($row=mysql_fetch_array($result))
     { 
         ?> 
          <tr>
	<td> <?php echo $row["NomP"]; ?> </td>
              <td>
	  <form name="form1">
<input type="image" src="Images/moin.gif" onClick="moins();">-->
<input maxLength="4" size="1" value="1" id="qte" name="qte" >
<input type="image" src="Images/plus.gif" onClick="plus();"> 
              </form>
              </td>
          </tr>
et pour le javascript en haut de la page:
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
 
<script  type="text/javascript">
function moins ()
{
var ou = document.getElementById('qte');
if ( Number(ou.value)>=2 )
 { 
ou.value = ou.value - 1;}
 
}
 
function plus ()
{
var ous = document.getElementById('qte');
ous.value ++;
}
merci d'avance