[ 1 036 256 ]
[ 38.107.191.118 ]
JavaScript - Masquer/Désactiver des champs de formulaireVoici comment masquer ou désactiver des champs de formulaire. Exemples : Mise en placeEntre les balises <HEAD> et </HEAD> :
<script type="text/javascript">
// <![CDATA[
function Visible(champs) {
var Obj = document.getElementById(champs);
if (Obj.style.visibility == 'hidden') {
Obj.style.visibility = 'visible';}
else {
Obj.style.visibility = 'hidden';}
}
function Disabled(champs) {
var Obj = document.getElementById(champs);
if (Obj.disabled == false) {
Obj.disabled = true;}
else {
Obj.disabled = false;}
}
// ]]>
</script>
Balise <BODY> : Rien Entre les balises <BODY> et </BODY> :
<form action="#" id="form">
<table cellspacing="2" cellpadding="0">
<tr>
<td><span>Masquer</span></td>
<td><input type="checkbox" onclick="Visible('Champs1')" /></td>
<td><input type="text" id="Champs1" /></td>
</tr><tr>
<td><span>Masquer</span></td>
<td><input type="checkbox" onclick="Visible('Champs2')" /></td>
<td><select id="Champs2">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select></td>
</tr><tr>
<td><span>Désactiver</span></td>
<td><input type="checkbox" onclick="Disabled('Champs3')" /></td>
<td><input type="text" id="Champs3" /></td>
</tr><tr>
<td><span>Désactiver</span></td>
<td><input type="checkbox" onclick="Disabled('Champs4')" /></td>
<td><select id="Champs4">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select></td>
</tr>
</table>
</form>
[0] commentaire - Voir/Editer |