Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 1 036 256 ]
Votre IP fleche [ 38.107.191.118 ]
Vous êtes ici : Home Page Dossiers Trucs et astuces (JavaScript) Masquer des champs de formulaire
Imprimer le document Version Imprimable

Informations Générales

[425] Posts sur le forum
[453] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 4 Invités
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.


Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

JavaScript - Masquer/Désactiver des champs de formulaire

Auteur : 3L!X | Créé le : 10/11/2007 à 19H00

Voici comment masquer ou désactiver des champs de formulaire.

Exemples :

Masquer
Masquer
Désactiver
Désactiver

Mise en place

Entre 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/EditerAjout commentaire

Haut de page