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