Discussion :

[cflo91]

Bonjour, je suis en train de travailler sur une boutique en ligne. Quand j'affiche le contenu du panier (reference, libelle, qte, prix) je voudrai modifier a quantite avec deux boutons + et -, j'ai donc fait ceci:

Code :

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

1
2
3
4
5
6
7
8
9
 <form name="modif" method="post" action="index.php?page=panier"/><input size="2" maxlength="4" id="code" name="quantite" value="<?php echo $v['qte']; ?>" type="text" >
																					<span>
																						<input type="button" value="+" onclick="plus()"/>
																						<input type="button" value="-" onclick="moins()"/>
																					</span><td>
																					<input type="submit" name="ok" value="ok">
																				</td>
 
																			</form>

. Voici mes deux fonctions Javascript:

Code :

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

1
2
3
4
5
6
7
8
9
 function moins(){
var ou = document.getElementById('code');
ou.value = ou.value - 1;
}
 
function plus(){
var ous = document.getElementById('code');
ous.value++ ;
}

Le problème ce que quand j'ai plusieurs article different et que je modifie une quantite, cela modifie toute les quantite car l'id est le meme pour chaque champs..... Je ne sais pas comment je pourrai résoudre ce problème. Merci d'avance pour votre aide.

[E.Bzz]

Bonjour,

car l'id est le meme pour chaque champs..... Je ne sais pas comment je pourrai résoudre ce problème.

En respectant les règles de développement : un ID doit être unique dans la page

A+

[cflo91]

oui mais comment le rendre unique, car l'affichage du panier est dynamique..... Comment faire pour avoir un id unique ??

[E.Bzz]

oui mais comment le rendre unique, car l'affichage du panier est dynamique..... Comment faire pour avoir un id unique ??

Il suffit que ton serveur génère un compteur associé : "code_1", "code_2" etc.

A+

[cflo91]

ok mais comment modifier les fonctions javascripts pour que ça fonctionne.?

Code :

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

1
2
3
4
5
6
7
8
9
 function moins(){
var ou = document.getElementById('code');
ou.value = ou.value - 1;
}
 
function plus(){
var ous = document.getElementById('code');
ous.value++ ;
}

[jln13]

Tu passes en parametre le numero :

Code :

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

1
2
3
<input type="button" value="+" onclick="plus('1')"/>
<input type="button" value="-" onclick="moins('2')"/>

puis tu testes comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
function moins(_id){
var ou = document.getElementById('code'+_id);
ou.value = ou.value - 1;
}
 
function plus(_id){
var ous = document.getElementById('code'+_id);
ous.value++ ;
}

[cflo91]

Merci, ça fonctionne parfaitement

[jln13]

de rien