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>