id formulaire

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:

---

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:

---

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.

Bonjour,

Citation:

---

Envoyé par cflo91

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+

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

Citation:

---

Envoyé par cflo91

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

---

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

A+

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

Code:

---

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++ ; }

---

Tu passes en parametre le numero :

Code:

---

1 2 3

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

---

puis tu testes comme ceci :

Code:

---

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++ ; }

---

:)

Merci, ça fonctionne parfaitement :yaisse2:

de rien ;)