Bonjour,
voila j'ai fait un script sous firefox qui m'affcihe une div en fonction de la valeur de la selection.
je joins mes code html et js biensur
sera cool que ce soit rapidement résolus.
Code HTML :
<table>
<tr>
<td>Opérateur :
<select name="operateur" id="operateur" onchange="enableOperateur(this.value)">
<option value="" >-- Choisissez un opérateur --</option>
<option value="=" >Egal(e) à ...</option>
<option value="<" >Inférieur(e) à ...</option>
<option value=">" >Supérieur(e) à ...</option>
<option value="<=" >Inférieur(e) ou égal(e) à ...</option>
<option value=">=" >Supérieur(e) ou égal(e) à ...</option>
<option value="<>" >Différent de ...</option>
<option value="BETWEEN" >Compris entre ...</option>
</select>
</td>
</tr>
<tr><td><br /></td></tr>
<tr>
<td id="form_chiffre1" style="visibility:hidden;display:none;">
Valeur : <input name="entree_chiffre1"/>
</td>
</tr>
<tr><td><br /></td></tr>
<tr>
<td id="form_chiffre2" style="visibility:hidden;display:none;"> Et : <input name="entree_chiffre2"/></td>
</tr>
</table>
Code Javascript :
<script type="text/javascript">
function enableOperateur(sel)
{
if(sel.value == "BETWEEN"){
this.document.getElementById("form_chiffre1").style.display = 'inherit';
this.document.getElementById("form_chiffre1").style.visibility = 'visible';
this.document.getElementById("form_chiffre2").style.display = 'inherit';
this.document.getElementById("form_chiffre2").style.visibility = 'visible';
}
else if (sel.value == ""){
this.document.getElementById("form_chiffre1").style.display = 'none';
this.document.getElementById("form_chiffre1").style.visibility = 'hidden';
this.document.getElementById("form_chiffre2").style.display = 'none';
this.document.getElementById("form_chiffre2").style.visibility = 'hidden';
}
else{
this.document.getElementById("form_chiffre1").style.display = 'inherit';
this.document.getElementById("form_chiffre1").style.visibility = 'visible';
this.document.getElementById("form_chiffre2").style.display = 'none';
this.document.getElementById("form_chiffre2").style.visibility = 'hidden';
}
}
</script>