Syntaxe OK sous Firefox, mais IE galère.

**Amon** · 16/09/2005, 00h23

Bonsoir,

Dans mon script, il y a un groupe de boutons radios, ainsi que deux champs texte. Selon le bouton radio sélectionné, un des deux champs texte est désactivé.

Le code suivant fonctionne sous Firefox, mais pas sous IE. Quel est le problème ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<input type="radio" name="titre" id="titre" value="M." checked="checked" onClick="Unactive()" />
<input type="radio" name="titre" id="titre" value="Mlle" onClick="Unactive()" />
<input type="radio" name="titre" id="titre" value="Mme" onClick="Active()" />
 
<input name="nom" id="nom" type="text" size="20" />
<input name="nomjeunefille" id="nomjeunefille" type="text" size="20" maxlength="30" disabled="disabled" />

Les fonctions javascript associées :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
function Active()
{
	document.getElementById('nomjeunefille').disabled=false;
}
 
function Unactive()
{
	document.getElementById('nomjeunefille').disabled=true; 
}

Merci d'avance.

**SpaceFrog** · 16/09/2005, 09h04

a part une inversion de lanbcement de fonction
le active c'est pour mademoiselle !!

et un effacement du contenu je ne vois pas ce qui peut clocher ...

ça fonctionne chez moi ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type='text/javascript'>
function Active()
{
   document.getElementById('nomjeunefille').disabled=false;
}
 
function Unactive()
{ document.getElementById('nomjeunefille').value=""; 
   document.getElementById('nomjeunefille').disabled=true;   } 
 
</script>
</head>
 
<body>
<input type="radio" name="titre" id="titre1" value="M." checked onclick="Unactive()" /><label for='titre1' onclick="Unactive()">Monsieur</label>
<input type="radio" name="titre" id="titre2" value="Mlle" onclick="Active()" /><label for='titre2' onclick="Active()">Mademoiselle</label>
<input type="radio" name="titre" id="titre3" value="Mme" onclick="Unactive()" /><label for='titre3' onclick="Unactive()">Madame</label><br/>
 
 
Nom: <input name="nom" id="nom" type="text" size="20" />
Nom de jeune fille: <input name="nomjeunefille" id="nomjeunefille" type="text" size="20" maxlength="30" disabled="disabled" />

**Amon** · 16/09/2005, 09h27

Oh le boulet que je suis ... En fait, effectivement, mon script marche depuis le début (comme tu le sous-entends SpaceFrog) !

Sous Mozilla et Firefox, les champs désactivés apparraissent grisés. Sous IE, il faut se déplacer sur le champ pour se rendre compte qu'on ne peut rien y saisir ...

J'ai rajouté l'effacement de contenu au script. Par contre, j'ai vu que tu voulais activer le champ "nom de jeune fille" (en plus du champ "nom" principal) lorsque "Melle" était activé. Or on possède un nom et un nom de jeune fille uniquement quand on est une "Mme"

En tout cas, merci pour ta réponse SpaceFrog. ++