Javascript: griser une liste

Fermé
BigFlo93 Messages postés 51 Date d'inscription jeudi 26 septembre 2002 Statut Membre Dernière intervention 30 octobre 2002 - 10 oct. 2002 à 11:08
 farid - 5 nov. 2008 à 17:06
Salut !

Je voudrais savoir si c'est possible de "griser" un menu déroulant en fonction d'une checkbox ?
En fait j'ai 2 listes déroulantes avec pour chacune une checkbox.
Si on choisi par le biais de la checkbox la liste 1 je voudrais que la liste 2 soit griser c'est à dire qu'on ne puisse pas l'utiliser. Mais si on click sur l'autre checkbox il se passe l'inverser.

Est-ce possible ? Si oui j'aurais bien volontier besion d'aide !!

Merci !

2 réponses

PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
26 oct. 2002 à 21:35
lo BigFlo93

Bien sûr que c'est possible !

Du moins avec IE ... grace à la propriété disabled et un petit peu de Javascript

Voici un petit ex en HTML :

<html>
<head>
<script language="Javascript">
<!--

function selectionne(liste_id)
{

window.document.getElementById(liste_id).disabled=false;
liste_id =(liste_id=="lst1") ? "lst2" : "lst1";
window.document.getElementById(liste_id).disabled=true;
}

// -->
</script>

</head>
<body>


<form id="frm">
Choix 1
<input type=radio name="choix" onclick="selectionne('lst1')" checked>
<select size=2 name="lst1">
<option>option 1-1</option>
<option>option 1-2</option>
<select>


Choix 2
<input type=radio name="choix" onclick="selectionne('lst2')">
<select size=2 name="lst2" disabled>
<option>option 2-1</option>
<option>option 2-1</option>
<select>

</form>

</body>
</html>


Tu noteras que j'utilise des boutons radio en lieu et place des checkbox ce qui est plus logique.


Voila

@+
Philippe



[[  The Truth is Out There   ]]
5
Hello !!

Merci pour ta réponse mais j'aimerai savoir si tu peux griser juste une option dans cette liste avec FF faisable et très facile, mais avec IE c'est une autre histoire je me creuse la tête et je n y arrive pas...

Alors si vous avez des suggestions... :)
1