Sélection et désélection de liste avec Mootools et IE 6
Bonjour à tous !
J'utilise le framework Javascript Mootools dans le cadre d'un projet perso et rencontre une (petite) difficulté pour gérer la sélection/déselection de listes sous IE 6.
Je dispose d'une liste de choix portant sur un moment de la journée (toute la journée, matin, après-midi...) et d'un Slider permettant de sélectionner une heure de départ.
Fonctionnement souhaité
Lorsque l'on choisi une option dans la liste des moments de la journée, la checkbox du Slider doit se déselectionner.
Lorsque l'on choisi de cocher la checkbox du Slider, les options des moments de la journée doivent toutes être déselectionnées.
Sous Firefox, pas de problème... Sous IE 6 rien ne fonctionne...
Voici mon code :
page.php
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
|
window.addEvent('domready', function() {
var mySlide = new Slider($('area'), $('knob'), {
steps: 23,
onChange: function(step){
$('upd').setHTML(step+' h');
}
}).set(0);
});
function deselection(elem) {
if (elem == 'heure') {
var nb = $(elem).options.length;
for(i=0;i<nb;i++) {
$(elem).options[i].selected = false;
}
}
else {
$(elem).checked = false;
mySlide.set(0);
}
}
<p>
<label for="heure" class="label_right">Heure :</label>
<select name="heure" id="heure" size="4" />
<option value="1" onclick="deselection('slider');">Toute la journée</option>
<option value="2" onclick="deselection('slider');">Après-midi</option>
<option value="3" onclick="deselection('slider');">Matin</option>
<option value="4" onclick="deselection('slider');">Nocturne</option>
</select>
</p>
<input type="checkbox" name="slider" id="slider" style="float:left;" onclick="deselection('heure');" />
<div id="area">
<div id="knob"></div>
</div>
<div id="upd"></div> |
Autre question : pourquoi le Slider ne revient-il pas à 0 lorsque l'on clique sur un élément de la liste des moments de la journée ?
Merci de m'aider ;)
