Select activable avec des boutons radio (IE :S)

Version imprimable

Bonjour,

je voudrais faire en sorte que lorsque je clique sur un bouton radio, un select s'active ou se désactive. Mais sous IE, problème : on est obligé de cliquer a côté du champ pour que l'effet ait lieu sur le select.

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
 
	<head>
		<script type="text/javascript" >
 
			function activateField()
			{
				var select = document.getElementById("select");
 
				select.disabled = false;
			}
 
			function disactivateField()
			{
				var select = document.getElementById("select");
 
				select.disabled = true;
			}
 
		</script>
	</head>
 
	<body>
 
		<select id="select" disabled >
			<option id="rightLevel1" value="0">Value 1</option>
			<option id="rightLevel2" value="1">Value 2</option>
			<option id="rightLevel2" value="2">value 3</option>
		</select>
		&nbsp;
		<span>
			<input id="inherit1" name="inherit" type="radio"  value="0" onchange="activateField()" />activated
			<input id="inherit2" name="inherit" type="radio"  value="1" checked="checked" onchange="disactivateField()" />disactivated
		</span>
 
	</body>
 
</html>

Merci a vous,
et bonne journée

25/09/2009, 12h46
Bovino

Salut,
onclick plutôt que onchange...
25/09/2009, 13h33
SpaceFrog

onclick avec setTimeout alors ...
sinon onmouseup
25/09/2009, 13h53
Bovino

Citation:

Envoyé par SpaceFrog

onclick avec setTimeout alors ...

:koi:
L'état du bouton radio n'est pas testé, c'est juste une fonction différente appelée selon le radio...
25/09/2009, 14h07
Fabthebug

Citation:

Envoyé par Bovino

Salut,
onclick plutôt que onchange...

C'est fonctionnel, merci à vous deux ;)
Je me sens juste un peu bête de ne pas y avoir pensé... enfin ça ne change pas le fait que le onchange devrait fonctionner sous IE.

Merci et bonne journée.
25/09/2009, 15h49
Bovino
Citation:

Envoyé par Fabthebug

enfin ça ne change pas le fait que le onchange devrait fonctionner sous IE.

D'après ce que tu as décrit dans ton 1er post, il fonctionne, mais onchange, c'est
- Prise du focus
- Changement de valeur
- Perte de focus
c'est pourquoi tu étais obligé de cliquer ailleurs pour voir le résultat ;)