Discussion :

[brigade]

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

[Kerod]

Il faut le code HTML généré et non celui contenant du PHP : Les règles incontournables d'utilisation de ce forum

[SpaceFrog]

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

[brigade]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ??


merci d'avance

[Sub0]

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 :

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
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>

[brigade]

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>