"disabled" sur champs texte avec IE

Version imprimable

Bonjour à tous,

J'aimerais pouvoir désactiver/activer des champs texte en fonction d'un choix de combobox. Mon code marche sous Firefox mais sous IE il ne passe rien.
Que dois-je faire ?

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
function afficherType(param){
 
		if(param=="1"){
 
			window.document.getElementById('text_sonde').disabled = true;
			window.document.getElementById('livesearch_sonde').disabled = true;
			window.document.getElementById('livesearch_mesureur').disabled = true;
 
			window.document.getElementById('text_sonde').value = "";
			window.document.getElementById('livesearch_sonde').value = "";
			window.document.getElementById('livesearch_mesureur').value = "";
		}
		else if(param=="2"){
			window.document.getElementById('livesearch_mesureur').disabled = false;
			window.document.getElementById('livesearch_sonde').disabled = true;
			window.document.getElementById('text_sonde').disabled = true;
 
			window.document.getElementById('text_sonde').value = "";
			window.document.getElementById('livesearch_sonde').value = "";
		}
		else {
			window.document.getElementById('livesearch_sonde').disabled = false;
			window.document.getElementById('text_sonde').disabled = false;
			window.document.getElementById('livesearch_mesureur').disabled = false;
		}
	}

Code:

1
2
3
4
 
<input type="radio" value="3" id="3" name="type" onClick="afficherType('3');" checked> <label for="3">3</label><br />
<input type="radio" value="2" id="2" name="type" onClick="afficherType('2');"> <label for="2">2</label><br />
<input type="radio" value="1" id="1" name="type" onClick="afficherType('1');"> <label for="1">1</label>

24/09/2008, 16h06
E.Bzz

Bonjour,
tout semble OK.
Enlève seulement le "window." en début de ligne ...

A+
24/09/2008, 16h06
SpaceFrog

selon la version d'IE

Code:

disabled="disabled"

??
24/09/2008, 16h10
nolev3

Citation:

Envoyé par SpaceFrog

selon la version d'IE

Code:

disabled="disabled"

??

Sous IE6 c'est OK, mais pas sous IE7...
24/09/2008, 16h12
SpaceFrog

essaye

Code:

disabled=1
24/09/2008, 16h16
nolev3

Toujours rien sous IE7

:arf:
24/09/2008, 16h22
E.Bzz

On peut voir le HTML des éléments visés (text_sonde etc ...) ?

A+

Code:

1
2
3
4
 
<input type="text" id="livesearch_mesureur" name="recherche_mesureur" onKeypress="liveSearchStart('Mesureur');" onFocus="masquerDivResult('LSResult_Integrateur','LSResult_Sonde')" /><br/>
<input type="text" id="text_sonde" name="no_sonde" maxlength="15"/><br/>
<input type="text" id="livesearch_sonde" name="recherche_sonde" onKeypress="liveSearchStart('Sonde');" onFocus="masquerDivResult('LSResult_Integrateur','LSResult_Mesureur')" /><br/>

24/09/2008, 16h33
SpaceFrog

faut peut être initialiser le disabled dans la balise ?
24/09/2008, 16h39
nolev3

Non, en rajoutant disabled=false ou disabled=0 cela me désactive les champs sous Firefox et cela ne fais rien de plus sous IE7
24/09/2008, 16h50
SpaceFrog

Code:

disabled="false"
24/09/2008, 16h52
nolev3

Oui c'est ce que j'ai marqué.
J'ai simplement oublié les " " sur mon post précédent.

Le problème doit se situer ailleurs car

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<script type="text/javascript">
function swap()
{
document.getElementById("input_text").disabled=!document.getElementById("input_text").disabled;
}
</script>
</head>
<body>
 
<form>
<input type="text" id="input_text" value="Test disabled" />
<input type="button" id="bouton" onclick="swap()"
value="Enable / Disable" />
</form>
 
</body>
</html>

fonctionne très bien sous IE 6 et 7

24/09/2008, 17h13
SpaceFrog

y'aurait pas plusieurs fois le même id par hasard ?
24/09/2008, 17h17
Bovino

Citation:

Envoyé par E.Bzz

Enlève seulement le "window." en début de ligne ...
24/09/2008, 17h26
nolev3

J'ai vérifié mes id, ils sont bien uniques.
J'ai aussi enlevé les "window."
24/09/2008, 17h49
E.Bzz

Citation:

Envoyé par nolev3

Mon code marche sous Firefox mais sous IE il ne passe rien.

Sur IE6, aucun soucis : tu as essayé de cliquer dans les champs ?
Quand ils sont vides, ils ne changent pas d'apparence ...

A+
24/09/2008, 19h56
SpaceFrog

tu as testé le code de BEEF ?
25/09/2008, 10h43
nolev3

En faite cela fonctionne correctement de partout maintenant.
C'est juste que sous IE7 on ne voit pas le champs grisé : il ne change pas d'apparence...

Merci à tous
25/09/2008, 11h19
SpaceFrog

modifies le avec le css et la background-color de la pseudo classe

Code:

input [disabled ]

prise en compte par IE7

curieusement il faut un espace après disabled ???

Code:

1 2 3 4 input [disabled ] { background-color:gray; }
Cela ne donne rien ...

Code:

1
2
3
input [disabled ] {
	background-color: Gray;
}

25/09/2008, 11h55
Bovino

Oui, là encore IE ne comprend pas gray mais grey...(me semble-t-il)
25/09/2008, 11h56
SpaceFrog

Code:

#ccc
25/09/2008, 12h06
nolev3
Le problème ne vient pas de la couleur, mais plutôt du "input [disabled ]" Non ?
Code:

1 2 3 4 input [disabled ] { background-color: red; }
Ne marches pas non plus...
25/09/2008, 12h15
SpaceFrog
heu sans l'esapce avant les crochets
Code:

1 2 3 4 input[disabled ] { background-color: red; }
25/09/2008, 12h33
nolev3

Ah oui tout de suite ça va mieux.
Merci beaucoup