Incrémentation / Décrémentation champs text

Version imprimable

Bonjour, j'ai un formulaire avec :
Code:

1 2 3 <input type="button" name="choix" value="-" onclick='document.getElementById("quantite").value--;' /> <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> <input type="button" name="choix" value="+" onclick='document.getElementById("quantite").value++;' />
je voudrais qu'on puisse incrémenter et décrémenter seulement entre 0 et 10 car la je peux aller même en dessous de 0.......à -10 par exemple
donc pour aller de 0 a 10 comment faire ?

03/03/2009, 11h44
Bovino

Code:

onclick='document.getElementById("quantite").value = Math.max(document.getElementById("quantite").value--,0);'
03/03/2009, 12h00
magicpetro

cela ne fonctionne pas :?

Voilà mon code, j'ai plusieurs champs text et je veux que chacun puisse aller de 0 a 10.....

Code:

1
2
3
4
5
6
7
8
9
10
11
  <input type="button" name="choix" value="-"  onclick='document.getElementById("quantite").value--;' />
  <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> 
  <input type="button" name="choix" value="+" onclick='document.getElementById("quantite").value++;' />
  <br />
  <input type="button" name="choix" value="-"  onclick='document.getElementById("quantite2").value--;' />
  <input type="text" name="quantite1[]" id="quantite2" value="0" size="8" disabled="disabled"/>
  <input type="button" name="choix" value="+"  onclick='document.getElementById("quantite2").value++;' />
  <br />
  <input type="button" name="choix" value="-"  onclick='document.getElementById("quantite3").value--;' />
  <input type="text" name="quantite1[]" id="quantite3" value="0" size="8" disabled="disabled"/>
  <input type="button" name="choix" value="+"  onclick='document.getElementById("quantite3").value++;' />

Bonjour,

Code:

1
2
3
  <input type="button" name="choix" value="-"  onclick='Moins(document.getElementById("quantite"));'/>
  <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> 
  <input type="button" name="choix" value="+" onclick='Plus(document.getElementById("quantite"));' />

avec

Code:

1
2
3
4
5
6
function Moins(obj) {
obj.value=(parseInt(obj.value,10)>0)?parseInt(obj.value,10)--:obj.value;
}
function Plus(obj) {
obj.value=(parseInt(obj.value,10)<10)?parseInt(obj.value,10)++:obj.value; 
}

A+

Salut,
voilà une solution :

Code:

1
2
3
  <input type="button" name="choix" value="-"  onclick='if (document.getElementById("quantite").value > 0) document.getElementById("quantite").value--;' />
  <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> 
  <input type="button" name="choix" value="+" onclick='if (document.getElementById("quantite").value < 10) document.getElementById("quantite").value++;' />

03/03/2009, 15h00
SpaceFrog

:roll::roll::roll:

id != name .....
=> getElementById != getElementsByName
03/03/2009, 15h10
E.Bzz

@Spaffy : malgré le caractère spectaculairement innovant de la solution de beeboo, le problème ne se pose pas ...

@beeboo : un .value est de type caractère : pas d'opération de calcul directe !

A+
03/03/2009, 15h31
magicpetro

merci...
mais j'ai essayé cela passe toujours pas :? ya quelque chose à modifier ????
03/03/2009, 15h33
E.Bzz

Citation:

Envoyé par magicpetro

merci...
mais j'ai essayé cela passe toujours pas :? ya quelque chose à modifier ????

Oui : ton code !

Si tu ne nous dis pas quelle erreur, à quel endroit etc. ça va être difficile d'avancer.
Ce qu'on t'a donné fonctionne : tu dois avoir une erreur ailleurs (au chargement de la page ?)

A+
03/03/2009, 15h39
SpaceFrog

sinon c'est le developpeur qu'il va falloir changer :mouarf:

lol ben j'ai essayé le code sur une page tout seul :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type='text/javascript'>
function Moins(obj) {
obj.value=(parseInt(obj.value,10)>0)?parseInt(obj.value,10)--:obj.value;
}
function Plus(obj) {
obj.value=(parseInt(obj.value,10)<10)?parseInt(obj.value,10)++:obj.value; 
}
</script>
 
<form>
<input type="button" name="choix" value="-"  onclick='Moins(document.getElementById("quantite"));'/>
<input type="text" name="quantite1[]" id="quantite" value="0" size="8" /> 
<input type="button" name="choix" value="+" onclick='Plus(document.getElementById("quantite"));' />
</form>

Chez moi ça en fonctionne pas... la valeur ne change pas en cliquant sur + et -

Fonctionne sous IE6 et FF3

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<script type="text/javascript">
function Moins(obj) {
obj.value=(parseInt(obj.value,10)>0)?parseInt(obj.value,10)-1:obj.value;
}
 
function Plus(obj) {
obj.value=(parseInt(obj.value,10)<10)?parseInt(obj.value,10)+1:obj.value;
}
 
</script>
</head>
<body>
 
<form>
<input type="button" name="choix" value="-"  onclick='Moins(document.getElementById("quantite"));'/>
<input type="text" name="quantite1[]" id="quantite" value="0" size="8" />
<input type="button" name="choix1" value="+" onclick='Plus(document.getElementById("quantite"));' />
</form>
</body>
</html>

A+

03/03/2009, 15h51
SpaceFrog

javascript est activé ?:aie:
03/03/2009, 16h00
E.Bzz

Citation:

Envoyé par SpaceFrog

javascript est activé ?:aie:

J'y ai pensé :mouarf:

A la décharge de magicpetro, l'opérateur "--" (ou "++") ne semble pas vouloir s'appliquer à parseInt(obj.value,10) ...

A+
03/03/2009, 16h05
SpaceFrog

j'ai déja proposé

Code:

obj.value*1
03/03/2009, 16h06
magicpetro

merci franchement vous êtes des tueurs....lol

et si jamais je veux changer que je veux mettre de 0 a 5 par exemple ?

j'ai essayé de changer ça fonctionne mais j'arrive plus à diminuer la valeur après...
03/03/2009, 16h07
SpaceFrog

ben au lieu de ++ ou --
+5 et -5 ...
03/03/2009, 16h15
E.Bzz
Citation:

Envoyé par SpaceFrog

j'ai déja proposé

Code:

obj.value*1

Et tu aurais eu la même surprise, non ?
Code:

1 2 3 function Moins(obj) { obj.value=(parseInt(obj.value,10)>0)?(obj.value*1)--:obj.value; }
03/03/2009, 16h16
SpaceFrog

Code:

obj.value=(parseInt(obj.value,10)>0)?(obj.value*1)-1:obj.value;
03/03/2009, 16h17
E.Bzz

On est d'accord ;)

A+
03/03/2009, 16h19
SpaceFrog

mouarf en plus c'est même pas sur ce thread que j'avais soufflé le * 1 :oops:

Code:

1
2
3
increment=myinput.value*1;
increment++;
myinout.value=incerment;