Bonjour à tous,
je travail sur une interface contenant des sliders, je souhaiterais changer leurs valeurs lorsque que je les bouges sans attendre de lacher le click de la souris pour mettre à jours la valeurs.
les sliders sont crées de cette façon :
[code]<tr>
<td><input id="fader_1_2" class="vertical" type="range" min="0" max="1" step="0.05" value="0"/></td>
<td><input id="fader_3_4" class="vertical" type="range" min="0" max="1" step="0.05" value="0.5"/></td>
<td><input id="fader_5_6" class="vertical" type="range" min="0" max="1" step="0.05" value="0.5"/></td>
</tr>[/code]
actuelement j'utilise .change :
[code]$("input[type=\"range\"]").change(function() {
var inputselected = $(this).attr('id');
// gain to bus
if (inputselected == 'fader_1_2') {
gainNode1.gain.value = equalPowerCrossfade_1(this.value);
gainNode2.gain.value = equalPowerCrossfade_2(this.value);
}else if(inputselected == 'fader_3_4'){
gainNode3.gain.value = equalPowerCrossfade_1(this.value);
gainNode4.gain.value = equalPowerCrossfade_2(this.value);
}else if(inputselected == 'fader_5_6'){
gainNode5.gain.value = equalPowerCrossfade_1(this.value);
gainNode6.gain.value = equalPowerCrossfade_2(this.value);
}else if(inputselected == 'volume_1_2'){
gainNode1_2.gain.value = this.value;
}else if(inputselected == 'volume_3_4'){
gainNode3_4.gain.value = this.value;
}else if(inputselected == 'volume_5_6'){
gainNode5_6.gain.value = this.value;
// bus to master
}else if(inputselected == 'master'){
gainMaster.gain.value = this.value;
}
console.log(fader_1_2.value);
});[/code]
Connaissez vous une méthode pour changer cela?