JavaScript qui marche sous IE6 et non sur FireFox

**ScReeeN** · 11/08/2010, 23h46

Bonjour, débutant dans le JavaScript j'ai écrit ce script qui permet d'avoir un champ de texte activé si le checkbox est selected sinn il sera désactivé.
Ce script marche parfaitement sous IE6, en revanche inactif sous Firefox

Voila mon JavaScript:

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
<script type="text/javascript">
	function disableInput(idInput, valeur)
	{
		var input = document.getElementById(idInput);
 
		if (valeur) {
			input.style.background = "#FFF";
			input.readOnly=false;
		              } 
		else{
			input.style.background = "#CCC";
			input.value = "";
			input.readOnly=true;	
		     }
	}

l'option activer script est coché sur mon FF.

Et puis dans l'html:

Code :

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

1
2
3
4
5
6
7
8
9
 
<table>
<th>Enfant</th>
	<td>
		<input type="checkbox" name="enf" value="oui" 
                      checked="checked" onclick="disableInput('nbenfant', this.checked);"/> oui 
                <input name="nbenfant" type="text" />
				</td>
</table>

**RomainVALERI** · 12/08/2010, 00h12

As-tu essayé ceci ?

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
		if (valeur) {
			input.style.background = "#FFF";
			//input.readOnly=false;
                        input.disabled = true;
		              } 
		else{
			input.style.background = "#CCC";
			input.value = "";
			//input.readOnly=true;
                        input.disabled = false;	
		     }

**ScReeeN** · 12/08/2010, 00h22

même chose, je pense qu'il arrive mm pas au if

**jeca** · 12/08/2010, 04h15

Bonjour,

Si tu utilises ceci :

Code :

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

var input = document.getElementById(idInput);

le code HTML devrait se présenter comme ceci :

Code :

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

<input name="nbenfant" id="nbenfant" type="text" />

**RomainVALERI** · 12/08/2010, 10h27

Envoyé par jeca

Bonjour,

Si tu utilises ceci :

Code :

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

var input = document.getElementById(idInput);

le code HTML devrait se présenter comme ceci :

Code :

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

<input name="nbenfant" id="nbenfant" type="text" />

Heu

quel rapport avec le name ? Il fait un getElementById...

(tiens au fait en passant, le param type="text" n'est pas nécessaire, c'est la valeur par défaut ^^ mais certains le laissent volontairement par souci de lisibilité... )