bonjour,
bon j'ai développer une slider simple mais je rencontre un problème, lorsque je l'exécuter sur firfox sa marche mais avec IE sa marche pas.et voila le code
en fait j'ai utilise la bibliothèque mootools-release-1.11.js
c qui a une idée de le moi svp
et merci d'avance

voila le code complete

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
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slider</title>
 
<script src="js/mootools-release-1.11.js" type="text/javascript" language="javascript"></script>
<script src="js/Slider.js" type="text/javascript" language="javascript"></script>
 
<script type="text/javascript" language="javascript">
 
 
window.addEvent('domready', function()
 {
 
var mySlideA = new Slider($('gutterA'), $('minKnobA'), {
    start:100,
	end:500,
	steps:1,
    knobheight: 16,	
	onChange: function(pos){
		$('sliderLabelA').setHTML('min '+pos.minpos+' - max '+pos.maxpos);
	},
 
}, $('maxKnobA')).setMin(100).setMax(500);
 
 
});
</script>
 
 
 
 
 
 
<style type="text/css" media="screen">
.gutter {
position: relative;
height: 16px;
width: 300px;
margin-top: 10px;
background: url(images/16sliderbg.png) repeat-x;
}
.knob {
position: absolute;
height: 16px;
width: 20px;
background: url(images/16ball.png) no-repeat;
 
}
</style>
 
</head>
 
<body style="padding: 25px;">
 
<label id="sliderLabelA"> </label>
<div id="gutterA" class="gutter">
	<div id="minKnobA" class="knob"></div>
	<div id="maxKnobA" class="knob"></div>
</div>
<div id="complete" >            
            <span id="steps_complete_number"></span>
        </div>
 
</body>
</html>