désactiver (griser) une entrée d'une liste déroulante

ironman06 · 05/02/2012, 14h19

Bonjour,
j'ai une bdd représentant des semaines de locations de plusieurs appartements. Je crée un formulaire de recherche permettant de rechercher quels sont les appartements disponibles à une période donnée. J'aimerai que la semaine qui n'est plus disponible apparaisse toujours dans la liste déroulante mais ne puisse pas être sélectionnée (sans supprimer l'entrée dans la bas de donnée). Avez-vous une idée ?
Merci

jeca · 05/02/2012, 16h55

Bonjour,

Il y a l'attribut "disabled" pour ça, non ?

jreaux62 · 05/02/2012, 17h49

Bonjour,
la solution est à chercher dans les "pseudo-listes déroulantes" (réalisées à base de <div> et <ul><li>), qui simulent une "vraie" liste déroulante (<select>).
C'est à ma connaissance le seul moyen d'arriver à tes fins : griser une ligne, modifier une couleur,...

Voici un exemple (utilisant jQuery) : Créer un plugin jQuery : une liste déroulante personnalisée (-> démo)

jeca · 06/02/2012, 13h07

Bonjour,

Et comme cela, ce n'est pas suffisant ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Test</title>
    </head>
    <body>
      <form name="test" method="post" action="">
        <select name="toto" size="5">
          <option value="1">ligne 1</option>
          <option value="2">ligne 2</option>
          <option value="3" style="background-color : D2D2D2" disabled="disabled">ligne 3</option>
          <option value="4">ligne 4</option>
          <option value="5">ligne 5</option>
        </select>
      </form>
    </body>
</html>

05/02/2012, 14h19	#1
ironman06 Invité de passage Webmaster Inscription : septembre 2011 Messages : 6 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Webmaster Informations forums : Inscription : septembre 2011 Messages : 6 Points : 0 Points : 0	désactiver (griser) une entrée d'une liste déroulante Bonjour, j'ai une bdd représentant des semaines de locations de plusieurs appartements. Je crée un formulaire de recherche permettant de rechercher quels sont les appartements disponibles à une période donnée. J'aimerai que la semaine qui n'est plus disponible apparaisse toujours dans la liste déroulante mais ne puisse pas être sélectionnée (sans supprimer l'entrée dans la bas de donnée). Avez-vous une idée ? Merci
	00

05/02/2012, 16h55	#2
jeca Membre Expert Inscription : août 2002 Messages : 1 036 Détails du profil Informations forums : Inscription : août 2002 Messages : 1 036 Points : 1 166 Points : 1 166	Bonjour, Il y a l'attribut "disabled" pour ça, non ?
	00

05/02/2012, 17h49	#3
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 994 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 994 Points : 5 787 Points : 5 787	Bonjour, la solution est à chercher dans les "pseudo-listes déroulantes" (réalisées à base de <div> et <ul><li>), qui simulent une "vraie" liste déroulante (<select>). C'est à ma connaissance le seul moyen d'arriver à tes fins : griser une ligne, modifier une couleur,... Voici un exemple (utilisant jQuery) : Créer un plugin jQuery : une liste déroulante personnalisée (-> démo) __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email