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

**budiste** · 29/11/2005, 14h27

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 :

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

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

j'aimerais que la valeur minimun soit 1

**SpaceFrog** · 29/11/2005, 14h29

ben avec un test dans la fonction

Code :

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

if (lavaleur>1) { ...

**budiste** · 29/11/2005, 14h35

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

Code :

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

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 :

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

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>

**SpaceFrog** · 29/11/2005, 14h40

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

**budiste** · 29/11/2005, 14h44

j'ai essayé ca mais rien :

Code :

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

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>

**SpaceFrog** · 29/11/2005, 14h47

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

Code :

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

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>

**budiste** · 29/11/2005, 14h54

il faut mettre :

Code :

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

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

**SpaceFrog** · 29/11/2005, 15h07

Code :

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

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

**budiste** · 29/11/2005, 15h10

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

Code :

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

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>

**SpaceFrog** · 29/11/2005, 15h13

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

**shwin** · 29/11/2005, 15h17

Code :

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

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]

**budiste** · 29/11/2005, 15h17

Voila j'ai mis ca pour mon bouton moins :

Code :

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

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

et ce code la :

Code :

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

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

**SpaceFrog** · 29/11/2005, 15h27

si tu tiens à utiliser le name ...

Code :

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

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

**budiste** · 29/11/2005, 15h39

voila mon code pour que 1 soit la valeur minimal :

Code :

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

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

**budiste** · 01/12/2005, 11h23

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 :

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

**budiste** · 01/12/2005, 14h09

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

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

JavaScript

Discussions similaires

Partager

Partager