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>

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

Génial !!! +1

Mince, j'ai oublié un detail encore...

Il se trouve que j'en est plusieurs des "res" dans ma page (jusqu'a un nb infini, donc manque quelque chose...un res_numero... je sais pas trop...)

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

JavaScript

Discussions similaires

Partager

Partager