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