Valeur mini pour un Champs avec un bouton + et un - a coté

Version imprimable

29/11/2005, 14h27
budiste

Valeur mini pour un Champs avec un bouton + et un - a coté
bonjour,
voilà j'aimerais faire une case ou la valeur inscrite dedans par défaut est 1 et minimun 1, et j'aimerais qu'il y ait un bouton plus et moins à coté qui permettent de changer cette valeur.

Voici mon champs on s'affiche la valeur, avec un bouton + et un - :
Code:

1 2 3 4 <td align="center"> <input type="text" name="nom_du_champ" id="monid" size="1" value="1"/> <button onClick="chngVal('monid',-1)">-</button><button onClick="chngVal('monid',1)">+</button> </td>
et j'ai mis ça entre mes balises <head> :

Citation:

<script type='text/javascript'>
function chngVal(fieldId,val){
field = document.getElementById(fieldId);
field.value = parseInt(field.value) + val;
}
</script>

j'aimerais que la valeur minimun soit 1
29/11/2005, 14h29
SpaceFrog

ben avec un test dans la fonction

Code:

if (lavaleur>1) { ...

j'ai testé c'est deux cas et ca ne fait rien quand on clique sur les boutons :

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
function chngVal(fieldId,val){
   if (fieldId>0) {
   field = document.getElementById(fieldId);
   field.value = parseInt(field.value) + val;
   }
}
</script>

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
function chngVal(fieldId,val){
   if (fieldId>1) {
   field = document.getElementById(fieldId);
   field.value = parseInt(field.value) + val;
   }
}
</script>

29/11/2005, 14h40
SpaceFrog

faut peut être reflechir sur l'ordre d'instanciation des variable et à quel moment tu leur attribue une valeur ...

j'ai essayé ca mais rien :

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
   if (fieldId>0) {
   function chngVal(fieldId,val){
   	field = document.getElementById(fieldId);
   	field.value = parseInt(field.value) + val;
   }
   }
</script>

plus logiquement ça ressemblerait à un truc comme ça non?
d'abord on renseigne la variable, ensuite on la teste ...
Code:

1 2 3 4 5 6 7 8 <script type='text/javascript'> function chngVal(fieldId,val){ field = document.getElementById(fieldId); if (field>0) { field.value = parseInt(field.value) + val; } } </script>
:roll:

il faut mettre :
Code:

1 2 3 4 5 6 7 8 <script type='text/javascript'> function chngVal(fieldId,val){ field = document.getElementById(fieldId); if (field.value>0) { field.value = parseInt(field.value) + val; } } </script>
et sinon comment faire pour qu'il n'autorise que + quand field.value=0 car sinon il se bloque

29/11/2005, 15h07
SpaceFrog

Code:

if (field.value==0){objetboutonMoins.disabled=true}

le bouton moins ne marche plus avec le bouton -, avec ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type='text/javascript'>
function chngVal(fieldId,val){
field = document.getElementById(fieldId);
if (val>0) {
            field.value = parseInt(field.value) + val;
   }
if (field.value==0) {
			objetboutonMoins.disabled=true;
   }   
}
</script>

29/11/2005, 15h13
SpaceFrog

heu ... c'était un exemple ... je ne connais pas le nom ni l'id de ton bouton - ...
a toi de remplacer objetboutonmoins par ce qu'il faut :roll:

Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type='text/javascript'> function chngVal(fieldId,val){ field = document.getElementById(fieldId); if (field.value>0) { field.value = parseInt(field.value) + val; } if (field.value==0) { objetboutonMoins.disabled=true; } } </script>
[astuce]
Pense a récupéré seulement le .value de ton fieldId au lieu de charger l'item au complet en mémoire.

CAD
FieldValue = document.getElementById(fieldId).value est plus optimal que Field = document.getElementById(fieldId)

Tu évite d'occupé de la mémoire pour rien!
[/astuce]

Voila j'ai mis ca pour mon bouton moins :

Code:

<button onClick="chngVal('monid',-1)" name="boutmoins">

et ce code la :
Code:

1 2 3 4 5 6 7 8 9 10 11 <script type='text/javascript'> function chngVal(fieldId,val){ field = document.getElementById(fieldId); if (val>0) { field.value = parseInt(field.value) + val; } if (field.value==0) { boutmoins.disabled=true; } } </script>
mais le bouton moins ne marche pas

29/11/2005, 15h27
SpaceFrog

si tu tiens à utiliser le name ...

Code:

document.getElementsByName('boutmoins')[0].disabled=true;

voila mon code pour que 1 soit la valeur minimal :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type='text/javascript'>
function chngVal(fieldId,val){
field = document.getElementById(fieldId);
if (field.value>0) {
			document.getElementsByName('boutmoins')[0].disabled=false;
            field.value = parseInt(field.value) + val;
   }
if (field.value==1) {
         document.getElementsByName('boutmoins')[0].disabled=true;
   }   
}
</script>

Merci beaucoup

Voila le code ma page, je ne comprends pas pourquoi, quand ma valeur arrive a zero, ni plus ni moins ne marche, trop blasé si quelqu'un pouvait m'aider :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<?
ici tout plein de php
?>
<html>
<head>
<title>Panier</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type='text/javascript'>
function chngVal(fieldId,val){
field = document.getElementById(fieldId);
if (field.value>0) {
         document.getElementsByName('boutmoins')[0].disabled=false;
            field.value = parseInt(field.value) + val;
   }
if (field.value==1) {
         document.getElementsByName('boutmoins')[0].disabled=true;
   }   
}
</script>
</head>
<body>
<table border="1" width="100%" class="articles" >
  <tr>    			
	<td width="32%" valign="middle" align="center">Description du produit</td>
	<td width="8%" valign="middle" align="center">Prix Unitaire</td>
	<td width="11%" valign="middle" align="center">Quantité</td>
	<td width="11%" valign="middle" align="center">Prix Total</td>
	<td width="49%" valign="middle" align="center">Action</td>
  </tr>
  <? while ($list = mysql_fetch_array($requete2))
	{ ?>
  			<tr>    			
				<td width="32%" valign="middle" height="10%"><? echo $list['Notes'];?></td>
				<td width="8%" valign="middle" align="right"><? echo $list['ARZoneNum2']; ?>&nbsp;€</td>
				<td width="11%" valign="middle" align="right">
					<input type="text" name="nom_du_champ" id="monid" size="1" value="<? echo $list['quantite'];?>"/>
					<!-- <a href=""> -->
					<img src="images/boutonplus.gif" onClick="chngVal('monid',1)" alt="plus" />
					<!-- </a> -->
					<img src="images/boutonmoins.gif" onClick="chngVal('monid',-1)" alt="moins" name="boutmoins"/>
				</td>
			    <td>&nbsp;</td>
				<td width="49%" valign="middle" align="center">
					<a href="index.php?action=valid_caddie&mode=1&prod=<? echo $list['id_produit'];?>" class="rubriques">Ajouter un</a>&nbsp;&nbsp;&nbsp;
					<a href="index.php?action=valid_caddie&mode=2&prod=<? echo $list['id_produit'];?>" class="rubriques">Supprimer un</a>&nbsp;&nbsp;&nbsp;
					<a href="index.php?action=valid_caddie&mode=3&prod=<? echo $list['id_produit'];?>" class="rubriques">Supprimer</a>
				</td>
 
			</tr>
	<? }?>
	<tr>
		<td colspan="5" align="center"><a href="index.php?action=valid_commande" class="rubriques">Valider ma commande</a></td>
	</tr>
 
</table>
</body>
</html>

01/12/2005, 14h09
budiste

En fait j'ai refait des test et ca ne marche pas non plus, j'ai cru que ca marchait car jamais mis un lien sur le bouton + vers la meme page mais en faisant passé la valeur dans l'adresse

donc je suis blasé de pas m'en etre rendu compte avant