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