Discussion :

[Zebulon777]

Bonjour à tous,

J'essaye (en vain) d'utiliser un RANGE dans mon application, mais impossible d'afficher dynamiquement une valeur et de le positionner correctement en fonction de cette valeur.

Je cherche donc à initialiser dynamiquement la valeur sous la jauge et que la jauge se positionne aussi automatiquement en fonction de cette valeur :


Voici le code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
              <DIV align="center" class="DivProgress">
                  <P>Transparence 2 :<BR/>
                  <INPUT class="Progress2" type="range" name="C_PctTrans2" min="0" max="1" step="0.05" value="0.50" ONINPUT="C_ValPctTrans2.value=C_PctTrans2.value"/>
                  <BR/>
                  <OUTPUT class="DivProgress" name="C_ValPctTrans2"></OUTPUT>
                  </P>
              </DIV>

Voici le bout de JS dans lequel il n'y a pas grand chose, mais c'est juste une partie du Window_onload() de ma page :

Code javascript :

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
 
...
...
...
//document.getElementsByName("C_ValPctTrans2").innerHTML = G_TRANSPARENCE_TRAJ;
//document.getElementsByName("C_PctTrans2").value = G_TRANSPARENCE_TRAJ;
//
//document.getElementsByName("C_ValPctTrans2").innerHTML=document.getElementsByName("C_PctTrans2").value;
//document.getElementsByName("C_ValPctTrans2").value=document.getElementsByName("C_PctTrans2").value;
 
//C_ValPctTrans2.value=C_PctTrans2.value
 
document.getElementsByName("C_PctTrans2").value = "0.07";
...
...
...

Merci d'avance...