"disabled" sur champs texte avec IE

**nolev3** · 24/09/2008, 15h59

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 Javascript :

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
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 HTML :

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

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>

**E.Bzz** · 24/09/2008, 16h06

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

A+

**SpaceFrog** · 24/09/2008, 16h06

selon la version d'IE

Code :

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

disabled="disabled"

??

**nolev3** · 24/09/2008, 16h10

Envoyé par SpaceFrog

selon la version d'IE

Code :

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

disabled="disabled"

??

Sous IE6 c'est OK, mais pas sous IE7...

**SpaceFrog** · 24/09/2008, 16h12

essaye

Code :

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

disabled=1

**nolev3** · 24/09/2008, 16h16

Toujours rien sous IE7

**E.Bzz** · 24/09/2008, 16h22

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

A+

**nolev3** · 24/09/2008, 16h30

Code HTML :

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

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/>

**SpaceFrog** · 24/09/2008, 16h33

faut peut être initialiser le disabled dans la balise ?

**nolev3** · 24/09/2008, 16h39

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

**SpaceFrog** · 24/09/2008, 16h50

Code :

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

disabled="false"

**nolev3** · 24/09/2008, 16h52

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

**Bovino** · 24/09/2008, 17h09

Le problème doit se situer ailleurs car

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
<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

**SpaceFrog** · 24/09/2008, 17h13

y'aurait pas plusieurs fois le même id par hasard ?

**Bovino** · 24/09/2008, 17h17

Envoyé par E.Bzz

Enlève seulement le "window." en début de ligne ...

**nolev3** · 24/09/2008, 17h26

J'ai vérifié mes id, ils sont bien uniques.
J'ai aussi enlevé les "window."

**E.Bzz** · 24/09/2008, 17h49

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+

**SpaceFrog** · 24/09/2008, 19h56

tu as testé le code de BEEF ?

**nolev3** · 25/09/2008, 10h43

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