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

Version imprimable

27/10/2009, 15h50
weblody

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

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.

case = quel element ?

avec un div :

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

27/10/2009, 16h08
weblody

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

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

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

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

27/10/2009, 16h49
weblody

Génial !!! +1 :ccool:

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