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: