Discussion :

[magicpetro]

Bonjour, j'ai un formulaire avec :

Code :

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

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 ?

[Bovino]

Code :

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

onclick='document.getElementById("quantite").value = Math.max(document.getElementById("quantite").value--,0);'

[magicpetro]

cela ne fonctionne pas

[magicpetro]

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

Code :

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

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++;' />

[E.Bzz]

Bonjour,

Code :

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

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 :

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

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+

[beeboo]

Salut,
voilà une solution :

Code :

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

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++;' />

[SpaceFrog]

id != name .....
=> getElementById != getElementsByName

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

[magicpetro]

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

[E.Bzz]

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+

[SpaceFrog]

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

[magicpetro]

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

Code :

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

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 -

[E.Bzz]

Fonctionne sous IE6 et FF3

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

[SpaceFrog]

javascript est activé ?

[E.Bzz]

javascript est activé ?

J'y ai pensé

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

A+

[SpaceFrog]

j'ai déja proposé

Code :

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

obj.value*1

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

[SpaceFrog]

ben au lieu de ++ ou --
+5 et -5 ...

[E.Bzz]

j'ai déja proposé

Code :

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

obj.value*1

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

Code :

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

1
2
3
function Moins(obj) {
obj.value=(parseInt(obj.value,10)>0)?(obj.value*1)--:obj.value;
}

[SpaceFrog]

Code :

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

obj.value=(parseInt(obj.value,10)>0)?(obj.value*1)-1:obj.value;