Changement d'affichage d'un chiffre en plus ou en moins

**weblody** · 27/10/2009, 15h50

Bonjour,

J'ai une case avec un chiffre (1.00 par exemple) et 2 image cliquable un "+" et un "-"
j'aimerais changer le chiffre par de 0.10 (par exemple) en plus ou en moins sans recharger la page et que le numéro change.

je trouve pas le code js corespondant...

merci de votre aide.

**SpaceFrog** · 27/10/2009, 16h00

case = quel element ?

avec un div :

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
<html>
<head>
<title>Nouvelle page 1</title>
<script type="text/javascript">
function fait(quoi){
var value=parseInt(document.getElementById('res').innerHTML);
switch (quoi){
	case '+': value++;
	          break;
	case '-': value--;
	          break;
	}
document.getElementById('res').innerHTML=value;
}
</script>
<style type='text/css'>
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
</style>
</head>
 
<body>
<div id="res">0</div><a href="#" onclick="fait('+')">+</a>&nbsp;&nbsp;&nbsp;<a href="#" onclick="fait('-')">-</a>
 
</body>

**weblody** · 27/10/2009, 16h08

super, c'est ce que je recherchais!! Quel réponse rapide,

MAIS, comment changer la valeur du + ou -, c'est a dire augmenter ou diminuer tous les 0.10 ou 0.01?

et que se soit pas possible d'avoir "-1" que ca s'arrête a 0...

**SpaceFrog** · 27/10/2009, 16h30

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
<html>
<head>
<title>Nouvelle page 1</title>
<script type="text/javascript">
function fait(quoi,ajout){
var value=+document.getElementById('res').innerHTML;
dec=0
if(ajout.toString().indexOf('.')>-1){
   dec=ajout.toString().split('.')[1].length;
   }
 
switch (quoi){
	case '+': value=Math.round((value+ajout)*Math.pow(10,dec),0)/Math.pow(10,dec);
	          break;
	case '-': value=(value>0)?Math.round((value-ajout)*Math.pow(10,dec),0)/Math.pow(10,dec):value;
	          break;
	}
document.getElementById('res').innerHTML=value;
}
</script>
<style type='text/css'>
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
</style>
</head>
 
<body>
<div id="res">0</div><a href="#" onclick="fait('+',0.01)">+</a>&nbsp;&nbsp;&nbsp;<a href="#" onclick="fait('-',0.01)">-</a>
 
</body>