[PHP-JS] case avec plus et moins a coté

bonjour,
voilà j'aimerais faire une case ou la valeur inscrite dedans par défaut est 1, et j'aimerais qu'il y ait un bouton plus et moins à coté qui permettent de changer cette valeur mais je ne trouve pas si vous pouviez m'orienter dans mes recherches

merci

je pense que tu devrais te tourner vers le forum javascript...

php->serveur
javascript->client :wink:

Créé ton champ de texte avec comme valeur par défaut 1
Affiche après tes images de + et -
sur chacune des images, tu fait une fonction Javascript qui incrémante et qui décrémente ton champ texte :

Code:

---

1 2 3 4

<input type="text" name="nom_du_champ"></input> <img src="image_du_+" onClick="nom_du_champ.value=nom_du_champ.value+1"> <img src="image_du_-" onClick="nom_du_champ.value=nom_du_champ.value-1">

---

si tu veux que quand on click sur + ou - ca recharge pas la page pour augmenter la valeur, vas sur le forum javascript.

Sinon, dans un formulaire, tu te met des input image et un champ texte, quand tu arrives sur ta page, tu test avec isset sur les names de tes input images pour savoir lequel a été cliqué.

EDIT
double grilled !
m'en vais me chercher du kawa tiens ;)

Citation:

---

Envoyé par siddh

EDIT
double grilled !
m'en vais me chercher du kawa tiens ;)

---

Je suis trop bon, je lui donne même le code... :wink:

Code:

---

1 2	<button>-</button><input type="text" value="1" /><button>+</button>

---

:roll:

Il reste plus qu'à rajouter un formulaire, des noms sur les widgets, un traitement php derrière qui teste si on a cliqué sur le bouton plus ou moins et qui incrémente ou décrémente la valeur en conséquence...

EDIT: je suis à la rue moi :P

Citation:

---

Envoyé par Mr N.

EDIT: je suis à la rue moi :P

---

:roll:

ouais mais raptor, test ton truc tu risque d'avoir des surprises ;)
genre passer de 1 a 11 puis a 111 :p
mieux vaut mettre des parseInt avant de faire le +1.

Pi je prefere la syntaxe getElementById meme si elle est plus chiante ;)

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type='text/javascript'> function chngVal(fieldId,val){ field = document.getElementById(fieldId); field.value = parseInt(field.value) + val; } </script> <input type="text" name="nom_du_champ" id="monid" /> <img src="image_du_+" onClick="chngVal('monid',1)" alt="plus" /> <img src="image_du_-" onClick="chngVal('monid',-1)" alt="moins" />

---

Citation:

---

Envoyé par siddh

ouais mais raptor, test ton truc tu risque d'avoir des surprises ;)
genre passer de 1 a 11 puis a 111 :p
mieux vaut mettre des parseInt avant de faire le +1.

Pi je prefere la syntaxe getElementById meme si elle est plus chiante ;)

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type='text/javascript'> function chngVal(fieldId,val){ field = document.getElementById(fieldId); field.value = parseInt(field.value) + val; } </script> <input type="text" name="nom_du_champ" id="monid" /> <img src="image_du_+" onClick="chngVal('monid',1)" alt="plus" /> <img src="image_du_-" onClick="chngVal('monid',-1)" alt="moins" />

---

---

J'ai pas testé :oops: et en plus, on est pas dans le forum JAVASCRIPT... :P

vi je sais bien ;)

merci a tous
je vais aller dans la section javascript

je met quoi resolu, délestage ou autre chose

:resolu:

euh ben on t a donné 2 soluces.

ok encore merci