Input Type Image et Onclick

Version imprimable

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:

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:

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

26/12/2008, 02h41
Kerod

Il faut le code HTML généré et non celui contenant du PHP : Les règles incontournables d'utilisation de ce forum
26/12/2008, 11h10
SpaceFrog

un input type button à le même comportement qu'un submit

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
            ......
   while($row=mysql_fetch_array($result))
     { 
      < ?	
     <form name="form1" action="" method="post">
 
<img src="Images/moin.gif"  alt"" onClick="moins();"/>
 
<input maxLength="4" size="1" value="1" id="qte" name="qte" >
 
<img src="Images/plus.gif" alt"" onClick="plus();"> 
      </form>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
function moins(){
  var ou=document.getElementById('qte');
  if(parseInt(ou.value)>=2) ou.value--;
  document.forms['form1'].submit();
}
 
function plus(){
  var ous=document.getElementById('qte');
  ous.value++;
  document.forms['form1'].submit();
}

ce que je voulais dire , pourqoi c'est juste le 1er champ de texte qui peu etre incrementé ou decrementé.
les +et - des autres champs font varier aussi le 1er champ

y'a une faute quelque part ? ou bien une boucle while+ formulaire n'est pas possible ??
:help::help:

merci d'avance

Je t'ai donné la solution dans ton sujet précédent :
http://www.developpez.net/forums/d66...nement-clic/#5

Tu dois indexer le nom des quantités et passer cet index en paramètre à tes 2 fonctions pour qu'elles agissent sur le bon champs.

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
<script type="text/javascript">
function moin(index){
  var ou=document.getElementById('qte'+index);
  if(parseInt(ou.value)>=2) ou.value--;
} 
function plus(index){
  var ou=document.getElementById('qte'+index);
  ou.value++;
}
</script>
 
           <form action="" method="post">
             <img src="Images/moin.gif" alt="" onclick="moin('1');"/>
             <input type="text" maxLength="4" size="1" value="1" id="qte1" name="qte1"/>
             <img src="Images/plus.gif" alt="" onclick="plus('1');"/>
             <input type="image" src="Images/Ajout.gif"/>
           </form>
 
           <form action="" method="post">
             <img src="Images/moin.gif" alt="" onclick="moin('2');"/>
             <input type="text" maxLength="4" size="1" value="1" id="qte2" name="qte2"/>
             <img src="Images/plus.gif" alt="" onclick="plus('2');"/>
             <input type="image" src="Images/Ajout.gif"/>
           </form>

merci beaucoup Sub0 , aparment tu m'a compris pour une fois:king::king:

j'ai fait ça en fin de compte : en incrémentant le $i pour chaque affichage

Code:

1
2
3
4
5
6
7
 
<form action="" method="post">
             <img src="Images/moin.gif" alt="" onclick="moin('<?php echo $i ;?>');"/>
             <input type="text" maxLength="4" size="1" value="1" id="qte<?php echo $i ;?>" name="qte<?php echo $i ;?>"/>
             <img src="Images/plus.gif" alt="" onclick="plus('<?php echo $i ;?>');"/>
 
           </form>