activer/désactiver une liste déroulante

Version imprimable

27/06/2007, 12h35
martoune

activer/désactiver une liste déroulante

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.

Code:

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

27/06/2007, 14h30
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 :roll:
Je l'ai modifié car ma page est en php et j'utilise des données de ma bdd:

Code:

echo "<INPUT TYPE =\"checkbox\" onclick=\"document.getElementByname(\"id_lms_formation_module\").disabled=(document.getElementByname(\"id_lms_formation_module\").disabled)?false:true;\" />";
27/06/2007, 14h34
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 .
27/06/2007, 14h37
martoune

Code:

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

ben il suffit de rajouter

Code:

disabled='true'

dans la balise ...

Code:

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

27/06/2007, 15h14
martoune

Merci c'est ce que je cherchais :D
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
27/06/2007, 15h22
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

Voici le code de mon fichier php:
Code:

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

:mouarf3:
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:

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;" />

27/06/2007, 16h51
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
27/06/2007, 16h56
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 ...

Chez moi sa ne fonctionne toujours pas :?
Voici le code :

Code:

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:

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;\"  />";

27/06/2007, 17h18
SpaceFrog

heu :boulet:

si tu mets id !!! tu vires le [0]
l'id est unique donc y'en n'a pas plusieurs ..... :roll:
27/06/2007, 17h20
martoune

:D J'ai viré les [0] mais toujours rien!!!
Sans les echo"", sur une page html par contre sa fonctionne nickel.
Je dois être modit !!
27/06/2007, 17h23
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 ...