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?

Aucune réponse