enable/disable d'input sous ie8

Version imprimable

14/10/2010, 12h03
redo_log

enable/disable d'input sous ie8

Bonjour,

J'ai dans une page web (.php) une fonction qui active ou désactive différents contrôles (textbox, selectbox etc...) en fonction du choix de l'utilisateur.

La fonction en question est reliée à l'événement "onchange" de deux boutons radio et jusqu'ici tout fonctionne correctement à un seul petit détail, que sur firefox ça passe de enabled à disabled et vis versa lors du click, parcontre sur ie8 rien ne se passe mais qu'après validation, si on clique à nouveau n'importe où dans la page, à ce moment là, la fonction est exécutée correctement.

Avez vous une idée d'où ça peut provenir, et éventuellement une solution à ce problème.

Merci.
14/10/2010, 12h05
SpaceFrog

sans voir de code ... ???

Citation:

Envoyé par SpaceFrog

sans voir de code ... ???

Voici le code des deux fonctions javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
function enableControl(){
 document.getElementById('rp1').disabled=true;
 document.getElementById('rp2').disabled=true;
 
 document.getElementById('rp1').checked=true;
 
 document.getElementById('sday').selectedIndex = 0;
 document.getElementById('smon').selectedIndex = 0;
 document.getElementById('syear').selectedIndex = 0;
 document.getElementById('eday').selectedIndex = 0;
 document.getElementById('emon').selectedIndex = 0;
 document.getElementById('eyear').selectedIndex = 0;
 
 document.getElementById('sday').disabled=true;
 document.getElementById('smon').disabled=true;
 document.getElementById('syear').disabled=true;
 document.getElementById('eday').disabled=true;
 document.getElementById('emon').disabled=true;
 document.getElementById('eyear').disabled=true;
 
 document.getElementById('lp').disabled=false;
 document.getElementById('cm').disabled=false;
 document.getElementById('cy').disabled=false;
}
 
function enableOpen(){
 document.getElementById('lp').disabled=true;
 document.getElementById('cm').disabled=true;
 document.getElementById('cy').disabled=true;
 
 document.getElementById('lp').selectedIndex = 0;
 
 document.getElementById('cm').checked=true;
 
 document.getElementById('rp1').disabled=false;
 document.getElementById('rp2').disabled=false;
 
 document.getElementById('sday').disabled=false;
 document.getElementById('smon').disabled=false;
 document.getElementById('syear').disabled=false;
 document.getElementById('eday').disabled=false;
 document.getElementById('emon').disabled=false;
 document.getElementById('eyear').disabled=false;
}

Les deux fonctions sont reliées à deux boutons radio:

Code:

1
2
3
4
 
<input type="radio" name="radioreq" id="rdq1" value="libre" onchange="enableOpen();" checked="checked" />
 
<input type="radio" name="radioreq" id="rdq2" value="control" onchange="enableControl();" />

14/10/2010, 12h39
SpaceFrog

essaye

Code:

.disabled='disabled'

?
14/10/2010, 13h27
Bovino
Citation:

si on clique à nouveau n'importe où dans la page, à ce moment là, la fonction est exécutée correctement.

Un événement onchange est lancé lorsque
- un élément de formulaire prend le focus ;
- la valeur de cet élément est modifiée ;
- l'élément perd le focus.
La façon dont ces trois actions sont gérées dépend de différentes choses, en particulier du navigateur.
D'après ce que tu décris, il semble que IE8 ne fasse pas perdre le focus sur le click, donc le onchange n'est déclenché que lorsque tu le fais toi-même en cliquant ailleurs dans la page.
14/10/2010, 13h29
redo_log

Citation:

Envoyé par SpaceFrog

essaye

Code:

.disabled='disabled'

?

Le résultat est le même.
14/10/2010, 13h30
redo_log
Citation:
Envoyé par Bovino

Un événement onchange est lancé lorsque

un élément de formulaire prend le focus ;
la valeur de cet élément est modifiée ;
l'élément perd le focus.

La façon dont ces trois actions sont gérées dépend de différentes choses, en particulier du navigateur.
D'après ce que tu décris, il semble que IE8 ne fasse pas perdre le focus sur le click, donc le onchange n'est déclenché que lorsque tu le fais toi-même en cliquant ailleurs dans la page.
C'est exectement ça Bovino, y aurait il une solution à ce problème?
14/10/2010, 14h11
redo_log

bonjour,
j'ai trouvé, si on modifie l'évènement déclencheur de onchange à onfocus tout marche correctement.