Discussion :

[martoune]

Bonjour,

J'aimerai savoir si il est possible d'activer ou de désactiver une liste déroulante en cochant un bouton. Je pense que cela est possible mais avec quelle fonction puis-je lier le fait que si le bouton est coché alors la liste déroulante est active?

Merci pour votre aide.

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
<select id='m'>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option><option>g</option>
</select>
<input type='button' onclick="document.getElementById('m').disabled=(document.getElementById('m').disabled)?false:true;" value='essaye' />

[martoune]

Il n'y a pas d'erreurs mais lorsque je clique sur le bouton je peus toujours utiliser la liste déroulante! Donc je revien au point de départ
Je l'ai modifié car ma page est en php et j'utilise des données de ma bdd:

Code :

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

echo "<INPUT TYPE =\"checkbox\" onclick=\"document.getElementByname(\"id_lms_formation_module\").disabled=(document.getElementByname(\"id_lms_formation_module\").disabled)?false:true;\"  />";

[SpaceFrog]

c'est que tu n'a pas su implémenter le code ...
je viens de le tester sous FFX et IE et ça désactive bien la liste déroulante qui se grise et ne deroule plus ...

fais plutot voir ton code .

[martoune]

Code :

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

echo "<INPUT TYPE =\"checkbox\" onclick=\"document.getElementByname(\"id_lms_formation_module\").disabled=(document.getElementByname(\"id_lms_formation_module\").disabled)?false:true;\"  />";

J'ai test sur une page html et sa fonctionne mais ce que je voudrai c'est l'inverse: c'est à dire que la liste soit grisée et que je l'active en cliquant sur le bouton. Cela est-il possible ?

Merci

[SpaceFrog]

ben il suffit de rajouter

Code :

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

disabled='true'

dans la balise ...

Code :

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

1
2
3
4
5
6
7
8
9
10
<select id='m' disabled='true'>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option>
<option>g</option><option>g</option>
</select>
<input type='button' onclick="document.getElementById('m').disabled=(document.getElementById('m').disabled)?false:true;" value='essaye' />

[martoune]

Merci c'est ce que je cherchais
Mais sur une page php sa ne fonctionne pas
Donc c'est bizare... Je pense que sa vient de ma liste déroulante qui est liée avec 2 autres. Merci quand même

[SpaceFrog]

dire que cela ne fonctionne pas sur une page php n'a aucun sens ...
ton browser interprète du html et du javascript ... pas du php ...

dis plutot que tu dois avoir un problème de syntaxe php qui ne génère pas le bon html ...

le fait que la liste soit liée n'a aucun rapport ...

jette plutot un oeil au html généré par ton php tu trouveras ton erreur

[martoune]

Voici le code de mon fichier php:

Code :

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

1
2
3
4
5
 
  echo '<select disabled= \"true\" name="cat">'."\n"; 
  echo '<option value="-1">Choisir un résultat<option>'."\n"; 
  echo '</select>'."\n"; 
  echo "<INPUT TYPE =\"checkbox\" onclick=\"document.getElementByName(\"cat\").disabled=(document.getElementByName(\"cat\").disabled)?false:true;\"  />";

Chez moi sa ne fonctionne pas, lorsque je coche la case la liste reste grisée
Est-ce pareil chez vous ?
Merci

[SpaceFrog]

dépose vite un brevet sur getElementByName ...
ça n'existe pas encore ...

getElementsByName retourne la collection des elements ayant le meêm name ...
et là en l'occurence tu cible le [0] ...

mais mieux vaudrait meut être passer par un id ...
et du coup document.getElementById ...

Code :

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

1
2
3
4
<select disabled="true" name="cat">; 
 <option value="-1">Choisir un résultat<option>
 </select> 
 <INPUT TYPE ="checkbox" onclick="document.getElementsByName('cat')[0].disabled=(document.getElementsByName('cat')[0].disabled)?false:true;"  />

[martoune]

J'ai test avec document.getElementById et j'ai aussi rajouté [0] comme sur le code que vous avez donné mais cela ne change rien sa ne fonctionne toujours pas. C'est normal ou bien c'est une erreur de ma part ?
Merci

[SpaceFrog]

si tu pars sur l'utilisation de l'id,as tu rajouté l'id dans la balise ?

sinon je persiste c'est une erreur de ta part ...
le code tourne très bien chez moi ...

[martoune]

Chez moi sa ne fonctionne toujours pas
Voici le code :

Code :

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

1
2
3
4
echo '<select disabled= \"true\" name="cat">'."\n"; 
  echo '<option value="-1">TEST<option>'."\n"; 
  echo '</select>'."\n"; 
  echo "<INPUT TYPE =\"checkbox\" onclick=\"document.getElementByName(\"cat\")[0].disabled=(document.getElementByName(\"cat\")[0].disabled)?false:true;\"  />";

J'ai bien rajouté [0].

avec document.getElementById:

Code :

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

1
2
3
4
 echo '<select disabled= \"true\" Id="a"  name="cat">'."\n"; 
  echo '<option value="-1">TEST<option>'."\n"; 
  echo '</select>'."\n"; 
  echo "<INPUT TYPE =\"checkbox\" onclick=\"document.getElementById(\"a\")[0].disabled=(document.getElementById(\"a\")[0].disabled)?false:true;\"  />";

[SpaceFrog]

heu

si tu mets id !!! tu vires le [0]
l'id est unique donc y'en n'a pas plusieurs .....

[martoune]

J'ai viré les [0] mais toujours rien!!!
Sans les echo"", sur une page html par contre sa fonctionne nickel.
Je dois être modit !!

[SpaceFrog]

non tu n'es pas maudit ...
le probmlème est réglé coté html javascript ...
tu ne sais simplement pas comment coder en php ...

poursuit ton post sur le forum php ...