Désactiver plusieurs SELECT avec javascript

Version imprimable

Bonjour,

je cherche a désactiver plusieurs select lorsqu'un seul est checked j'ai fais le script suivant ;

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function ReactivChamp()
         {		 
				 alert(document.getElementById("programme").selectedIndex);
				 if (document.getElementById("programme").selectedIndex != 0)
            {
            document.getElementById("numLot").disable="true";
            document.getElementById("ville").disable="true";
            }
 
         else if (document.getElementById("numLot").selectedIndex) != 0)
            {
            document.getElementById("programme").disable="true";
            document.getElementById("ville").disable="true";
            }
 
         else if (document.getElementById("ville").selectedIndex != 0)
            {
             document.getElementById("programme").disable="true";
            document.getElementById("numLot").disable="true";
            } 
         }

en l'appelant depuis :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<SELECT name="programme"  onChange="ReactivChamp()" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >
					<option value="none" defaut="checked">Choissisez un programme</option>
					<?php
                                                $sql = "SELECT * FROM programme";
                                                $req_sql = mysql_query($sql)or die(mysql_error());
                                                
                                                while($array = mysql_fetch_array($req_sql))
                                                {
                                                        echo "<option value=".$array['nom']." name=".$array['nom'].">".$array['nom']."</option>";
                                                }       
                                        ?>		
					</SELECT>

12/10/2007, 15h01
E.Bzz

Bonjour,
je suppose donc que ton script ne fonctionne pas ? :mrgreen:

Quelques pistes :
* true et false sont des valeurs en soi => il ne faut pas de quotes
* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

A+
12/10/2007, 15h04
Agité

Citation:

Envoyé par E.Bzz

Bonjour,
je suppose donc que ton script ne fonctionne pas ? :mrgreen:

Quelques pistes :
* true et false sont des valeurs en soi => il ne faut pas de quotes
* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

A+

ok j'ai remis les valeur en diable=true

Pour ce qui est des name j'en ai donné a chaque <option>

comme tu peux le voir ici

Code:

echo "<option value=".$array['nom']." name=".$array['nom'].">".$array['nom']."</option>";
12/10/2007, 15h11
E.Bzz

Citation:

Envoyé par E.Bzz

* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

C'était sous-entendu : "Tu ne lui a pas donné d'ID alors que tu aurais dû (vu ton code)"

A+
12/10/2007, 15h19
Agité

Citation:

Envoyé par E.Bzz

C'était sous-entendu : "Tu ne lui a pas donné d'ID alors que tu aurais dû (vu ton code)"

A+

j'ai bien ajouter les ID

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

mais rien n'y fait.
12/10/2007, 15h28
E.Bzz

Citation:

Envoyé par Agité

j'ai bien ajouter les ID

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

mais rien n'y fait.

OK, mais plus précisément ?
* quel effet ?
* erreur ? (laquelle)
* tes autres scripts fonctionnent toujours après appel à celui-ci ?

EDIT :

Code:

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

Ce code ne correspond pas à celui posté (paramètre de la fonction) :mrgreen:

A+
12/10/2007, 15h32
Agité

Citation:

Envoyé par E.Bzz

OK, mais plus précisément ?
* quel effet ?
* erreur ? (laquelle)
* tes autres scripts fonctionnent toujours après appel à celui-ci ?

EDIT :

Code:

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

Ce code ne correspond pas à celui posté (paramètre de la fonction) :mrgreen:

A+

Il ne retourne pas d'erreur et les champ ne sont pas désactivés.

Le code ne correspond pas en quoi ?

je n'arrive pas a comprendre pourquoi lorsque l'index est different de 0 sur un de mes select les autre ne passent pas en disable.true

pourtant j'ai bien rajouter les ID et j'ai changer le onChange pour

onChange="Reactivchamp()" sans le this.selectedIndex

si c'est ce que tu voulais dire

merci pour l'aide en tout cas je continue de creuser
12/10/2007, 15h38
E.Bzz

Citation:

Envoyé par Agité

je n'arrive pas a comprendre pourquoi lorsque l'index est different de 0 sur un de mes select les autre ne passent pas en disable.true

Hum ... ben parce que c'est disabled

Désolé de pas l'avoir vu avant :oops:

EDIT : les remarques précédentes restent valables ...

A+
12/10/2007, 15h42
Agité

Citation:

Envoyé par E.Bzz

Hum ... ben parce que c'est disabled

Désolé de pas l'avoir vu avant :oops:

EDIT : les remarques précédentes restent valables ...

A+

ok c'est modifié j'ai remis les disabled a la place de disable, par contre je ne comprends pas pourquoi les remarque sont toujours valables etant donné que le ReactivChamp() n'a plus de parametres a passer.

Maintenant que les syntaxe sont correct puisque quand je fais un alert de

document.getElementById("programme").selectedIndex

il me retourne bien le numero du selectedIndex.

Ca veux dire qu'il passe bien dans la boucle, il trouve que le numero de l'index est different de 0 donc il doit desactiver les 2 autres champ.

Sortie de la je ne vois pas quel parametres sont manquants ou ceux a ajouter.
12/10/2007, 15h48
E.Bzz

Citation:

Envoyé par Agité

Sortie de la je ne vois pas quel parametres sont manquants ou ceux a ajouter.

Les remarques que tu as déjà pris en compte, et sur lesquelles il ne faut pas revenir en arrière :

Citation:

* true et false sont des valeurs en soi => il ne faut pas de quotes
* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

A+

Trouvé !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function ReactivChamp()
         {		 
				 if (document.getElementById("programme").selectedIndex  != 0)
            {
            document.getElementById("numLot").disabled=true;
            document.getElementById("ville").disabled=true;
            }
 
         else if(document.getElementById("numLot").selectedIndex != 0)
            {
            document.getElementById("programme").disabled=true;
            document.getElementById("ville").disabled=true;
            }
 
         else if(document.getElementById("ville").selectedIndex != 0)
            {
             document.getElementById("programme").disabled=true;
            document.getElementById("numLot").disabled=true;
            } 
         }

Code:

1
2
<SELECT name="programme" id="programme"  onChange="ReactivChamp()" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >
					<option value="none" id="defaut" name="defaut" defaut="checked">Choissisez un programme</option>

12/10/2007, 16h22
E.Bzz

Citation:

Envoyé par Agité

Trouvé !

Je sais pas ce que tu avais perdu, mais

Code:

default="checked"

si cette syntaxe était bonne.
En fait c'est

Code:

checked="checked"

A+
12/10/2007, 17h00
Agité

Citation:

Envoyé par E.Bzz

Je sais pas ce que tu avais perdu, mais

Code:

default="checked"

si cette syntaxe était bonne.
En fait c'est

Code:

checked="checked"

A+

Oui ca parait étonnant mais il me selectionne bien les option que j'ai choisi par defaut, enfin tout marche et c'est niquel, merci pour ton aide.

:king: