calcul automatique javascript

Bonjour

Je me sert de la librairie jquery, afin d'avoir des boutons 'slider' et un bout de code javascript qui me permet en cliquant sur un bouton d'additionner les valeurs des sliders.

Ca fonctionne trés bien, mais j'amerais savoir si il existe une solution pour que le calcul se fasse automatiquement sans avoir besoin de cliquez sur le bouton calculer ?

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
 
<script>
	$(function() {
		$( "#slider" ).slider({
			value:0,
			min: 0,
			max: 5000,
			step: 50,
			slide: function( event, ui ) {
				$( "#amount" ).val( ui.value + " euros" );
			}
		});
		$( "#amount" ).val( $( "#slider" ).slider( "value" ) + " euros" );
	});
	</script>
 
		<script>
	$(function() {
		$( "#slider1" ).slider({
			value:0,
			min: 0,
			max: 50000,
			step: 50,
			slide: function( event, ui ) {
				$( "#amount1" ).val( ui.value + " euros" );
			}
		});
		$( "#amount1" ).val( $( "#slider1" ).slider( "value" ) + " euros" );
	});
	</script>
		<script>
	$(function() {
		$( "#slider2" ).slider({
			value:0,
			min: 0,
			max: 50000,
			step: 50,
			slide: function( event, ui ) {
				$( "#amount2" ).val( ui.value + " euros" );
			}
		});
		$( "#amount2" ).val( $( "#slider2" ).slider( "value" ) + " euros" );
	});
	</script>
		<script>
	$(function() {
		$( "#slider3" ).slider({
			value:0,
			min: 0,
			max: 50000,
			step: 50,
			slide: function( event, ui ) {
				$( "#amount3" ).val( ui.value + " euros" );
			}
		});
		$( "#amount3" ).val( $( "#slider3" ).slider( "value" ) + " euros" );
	});
	</script>
</head>
<body>
<div style="width:550px; margin:10px;">
<script language="javascript" type="text/javascript">
function cocos(form)
{
total=0;
total=parseInt(total,10)+parseInt(form.amount.value,10);
total=parseInt(total,10)+parseInt(form.amount1.value,10);
total=parseInt(total,10)+parseInt(form.amount2.value,10);
total=parseInt(total,10)+parseInt(form.amount3.value,10);
form.total.value=total;
}
</script> 
<form name="form" method="post" action="">
<div id="slider"></div>  
<div id="result"><input type="text" id="amount" name="amount" style="border:0; color:#f6931f; font-weight:bold;" /> 
</div>
<br>
<br>
<div id="slider1"></div>  
<div id="result1"><input type="text" id="amount1" name="amount1" style="border:0; color:#f6931f; font-weight:bold;"  /> 
</div>
<br>
<br>
<div id="slider2"></div>  
<div id="result"><input type="text" id="amount2" name="amount2" style="border:0; color:#f6931f; font-weight:bold;" /> 
</div>
<br>
<br>
<div id="slider3"></div>  
<div id="result"><input type="text" id="amount3" name="amount3" style="border:0; color:#f6931f; font-weight:bold;" /> 
</div>
<br>
<br>
<input type="text" name="total" id="total"><input name="cocof" type="button" value="Calculer" onClick="cocos(this.form);">
</form>

Merci de votre aide..