Rechercher
recherche interne en savoir plus!
Les 6 dernières pages de Cours et Dossiers ajoutées
- (01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
- (01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
- (26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
- (02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates
- (10/11/2007) Trucs et Astuces - (JavaScript) Masquer/Désactiver des champs de formulaire
- (02/11/2007) Trucs et Astuces - (JavaScript) Liste d'options dynamique
Informations Générales
Chargement en cours...
Nombre de Visites 
[ 139057 ]Votre IP
[ 38.103.63.16 ] 
Vous êtes ici :
Imprimer
Informations Membres
 0 Membre 3 Invités Membre en ligne:Aucun Partenariat
Partenaires
|
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) commentaires - Voir/Editer 
|
Vous pouvez aider ce site à évoluer, en contribuant à son développement.
Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans 
