Les paramètres sont :
- L'id de l'objet (radio ou checkbox) qui controle
- L'id de l'objet (input, select...) qui est controlé
- L'indicateur de masquage : si '1', le "contrôlé" sera masqué, sinon il sera désactivé
Compatible FF.
Le code :
Entre <HEAD> et </HEAD> :
- Code: Tout sélectionner
<script language="Javascript">
// ==================
// Activations - DĂ©sactivations
// ==================
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
if (Masquer=='1')
objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
else
objControle.disabled=(objControleur.checked==true)?false:true;
return true;
}
</script>
Entre <BODY> et </BODY> :
- Code: Tout sélectionner
Exemples de désactivations :<br /><br />
<input type="checkbox" id="chkb_1" onClick="GereControle('chkb_1', 'texte_1', '0');" CHECKED> <label for="chkb_1">ContrĂ´le de "texte_1"</label>
<input type="text" id="texte_1" value="Contenu de texte_1">
<br /><br />
<input type="radio" id="radio_1" name="radios" onClick="GereControle('radio_1', 'liste_1', '0');" CHECKED> <label for="radio_1">Active de "liste_1"</label>
<br />
<input type="radio" id="radio_2" name="radios" onClick="GereControle('radio_1', 'liste_1', '0');"> <label for="radio_2">DĂ©sactive de "liste_1"</label>
<select id="liste_1">
<option value="1">Ligne 1</option>
<option value="2">Ligne 2</option>
<option value="3">Ligne 3</option>
</select>
<br /><br /><br /><br />
Exemples de masquage :<br /><br />
<input type="checkbox" id="chkb_10" onClick="GereControle('chkb_10', 'texte_10', '1');" CHECKED> <label for="chkb_10">ContrĂ´le de "texte_10"</label>
<input type="text" id="texte_10" value="Contenu de texte_10">
<br /><br />
<input type="radio" id="radio_10" name="radios_0" onClick="GereControle('radio_10', 'liste_10', '1');" CHECKED> <label for="radio_10">Active de "liste_10"</label>
<br />
<input type="radio" id="radio_20" name="radios_0" onClick="GereControle('radio_10', 'liste_10', '1');"> <label for="radio_20">DĂ©sactive de "liste_10"</label>
<select id="liste_10">
<option value="1">Ligne 1</option>
<option value="2">Ligne 2</option>
<option value="3">Ligne 3</option>
</select>
