Discussion :

[Mr N.]

Bonjour,

C'est quand même difficile de trouver un titre accrocheur !

Bon alors mon problème du moment :

J'ai un checkbox qui "contrôle" (active/désactive) une partie des élément de mon formulaire. Par exemple

Code :

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

1
2
3
4
 
[X] use web space
   [ ] use MVC
   [ ] use style.css

Si use_web_space n'est pas coché, je veux rendre inactif la sous partie (use mvc & cie) ; si il est coché je veux remettre à actif.

J'ai donc ce script :

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
22
23
24
25
26
27
28
 
		<script type="text/javascript">
			var elements = new Array;
			function enable(id) {
				_disable(id, false)
			}
			function disable(id) {
				_disable(id, true)
			}
			function _disable(id, disable) {
				el = document.getElementById(id);
				if (el) {
					if (disable) {
						el.className = el.className.replace(/enabled/, 'disabled');
					} else {
						el.className = el.className.replace(/disabled/, 'enabled');
					}
					if (elements[id]) {
						for(i = 0 ; i < elements[id].length ; i++) {
							el = document.getElementById(elements[id][i]);
							if (el) {
								el.disabled = disable;
							}
						}
					}
				}
			}
		</script>

Plus ce code html :

Code :

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

1
2
3
4
5
6
7
8
				<input type="checkbox" checked="checked" name="use_web_space" id="use_web_space" onchange="this.checked?enable('use_web_space_options'):disable('use_web_space_options')"/><label for="use_web_space">Use web space</label>
				<div id="use_web_space_options" class="enabled">
					<div><input type="checkbox" name="use_mvc" id="use_mvc" /><label for="use_mvc">Use MVC</label></div>
					<div><input type="checkbox" name="use_css" id="use_css" /><label for="use_css">Use style.css</label></div>
				</div>
				<script type="text/javascript">
					elements['use_web_space_options'] = new Array('use_mvc', 'use_css');
				</script>

Sous Fx impeccable (qui a dit normal ???)
Sous IE ça merdouille (qui a encore dit normal ???)
En effet le style et le disabled n'est pas appliqué immédiatemnt sous IE, il y a un décalage, il faut que je clique n'importe où sur la page pour voir les effets du script.

Merci d'avance pour tout aide !

[javatwister]

en fait, firefox est ici très permissif , puisque onchange n'est pas destiné à un élément "checkbox";

IE attend donc un "click" pour exécuter le code;

ce qui est rigolo, c'est qu'il réagisse qd même avec ce click dans le vide

[Mr N.]

C'est ça de coder le dimanche...