Gestion evenement JavaScript
Résolu/Fermé
A voir également:
- Gestion evenement JavaScript
- Telecharger javascript - Télécharger - Langages
- Logiciel gestion photos - Guide
- A javascript error occurred in the main process - Forum Matériel & Système
- Logiciel gestion association gratuit excel - Télécharger - Gestion de projets
- Logiciel gestion cave à vin gratuit - Télécharger - Cuisine & Gastronomie
7 réponses
pepe cyril
Messages postés
43
Date d'inscription
lundi 28 juillet 2003
Statut
Membre
Dernière intervention
18 juin 2009
1
21 mai 2008 à 22:33
21 mai 2008 à 22:33
Il suffit de prendre ton élément est de le "dégriser" avec la propriété disabled:
ton_formulaire.Master.disabled=false;
Merci; je suppose quand dans ce cas la, j'ai besoin d'inclure un name ou un id dans ma balise form pour pouvoir l'identifier plus tard (a la place de "ton_formulaire" dans ton code) ??
salut, oui c'est bien ça.
voila ce que ca donne :
explication :
l'evenement "onclick" appelle la fonction avec en argument 'true' (cacher) ou 'false' (afficher).
en l'occurence je n'utilise pas d'id pour les radios, j'identifie le groupe de radio boutons avec
puis je fait une boucle sur le contenu, ca evite d'utilisier des id.
en revanche pour cache aussi les textes a cotés, on est obligé, c'est pour cela que j'ai rajouté des 'labels'.
si tu a besoin de plus d'explications hésite pas !
voila ce que ca donne :
<html>
<head>
<!-- Début des Fonctions JAVASCRIPT -->
<script>
// ************************
// *** Fonction groupe 3 ***
// ************************
function cacher_groupe3( statut ) {
// boucle sur le groupe de boutons 'Type_raccordement_3'
var radios = document.forms[0].Type_raccordement_3;
for(var i=0; i<radios.length;i++ ) {
// désactive ou active le radio-bouton en fonction du statut
document.forms[0].Type_raccordement_3[i].disabled = (statut ? true : false);
}
// affiche ou cache les champs labels en fonction du statut
document.getElementById('txt1').style.display = (statut ? 'none' : '');
document.getElementById('txt2').style.display = (statut ? 'none' : '');
document.getElementById('txt3').style.display = (statut ? 'none' : '');
}
</script>
<!-- Fin des Fonctions JAVASCRIPT -->
</head>
<body onload="cacher_groupe3(true)">
<form name="myform">
<fieldset class="fs_exterieur">
<table>
<tbody><tr>
<td><input type="radio" name="Type_raccordement" value="PitagoraSystem">Raccordement Pitagora</td>
<td><input type="radio" name="Type_raccordement_3" value="Master"><label id="txt1">Maitre</label></td>
</tr>
<tr>
<td><input type="radio" name="Type_raccordement" value="StandartSystem">Raccordement standard</td>
<td><input type="radio" name="Type_raccordement_3" value="SlaveWithoutButtons"><label id="txt2">Esclave sans appels palier</label></td>
</tr>
<tr>
<td><input type="radio" name="Type_raccordement_2" value="Simplex" onclick="cacher_groupe3(true)">Simplex</td>
<td><input type="radio" name="Type_raccordement_3" value="SlaveWithButtons"><label id="txt3">Esclave avec appels palier</label></td>
</tr>
<tr>
<td><input type="radio" name="Type_raccordement_2" value="Duplex" onclick="cacher_groupe3(false)">Duplex</td>
<td></td>
</tr>
</tbody></table>
</fieldset>
</form>
</body>
<html>
explication :
l'evenement "onclick" appelle la fonction avec en argument 'true' (cacher) ou 'false' (afficher).
en l'occurence je n'utilise pas d'id pour les radios, j'identifie le groupe de radio boutons avec
var radios = document.forms[0].Type_raccordement_3;
puis je fait une boucle sur le contenu, ca evite d'utilisier des id.
en revanche pour cache aussi les textes a cotés, on est obligé, c'est pour cela que j'ai rajouté des 'labels'.
si tu a besoin de plus d'explications hésite pas !
ah oui :
-le
-le
-le
<body onload="cacher_groupe3(true)">est pour cacher le groupe dés le depart du formulaire
-le
forms[0]evite d'avoir a donner un nom a ta balise form, ca prend le premier formulaire du document. mais autant mettre un 'name' c'est mieux ca servira a un moment ou a un autre.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
en gros tu a deux moyens de modifier les proprietes d'un objet en javascript.
exemple avec le formulaire nommé 'monformulaire' et le champ ' monchamp' qui est un champ texte classique :
soit tu accède par le formulaire en utilisant les proprietes 'name' comme ceci :
document.monformulaire.monchamp.value
soit tu met un id a 'monchamp', et tu y accéde directement ou qu'il soit placés dans ta page :
document.getElementById('id_de_monchamp').value
exemple avec le formulaire nommé 'monformulaire' et le champ ' monchamp' qui est un champ texte classique :
soit tu accède par le formulaire en utilisant les proprietes 'name' comme ceci :
document.monformulaire.monchamp.value
soit tu met un id a 'monchamp', et tu y accéde directement ou qu'il soit placés dans ta page :
document.getElementById('id_de_monchamp').value
