Zend FR

Consultez la FAQ sur le ZF avant de poster une question

Vous n'êtes pas identifié.

#1 17-02-2010 15:48:04

lio67
Nouveau membre
Date d'inscription: 14-10-2009
Messages: 5

icône dans un filteringSelect

Bonjour à tous,

j'aimerais savoir s'il était possible de mettre une icône dans un filteringSelect. En effet, j'aimerais pouvoir associer une icône à chaque élément de ma liste déroulante.
Mes recherches n'ont rien donné... donc je me tourne vers vous smile

Merci d'avance

Hors ligne

 

#2 17-02-2010 19:31:22

Willmore
Membre
Lieu: Savigny Le Temple
Date d'inscription: 25-05-2009
Messages: 31

Re: icône dans un filteringSelect

Insérer une image dans une balise <option> d'un select <select> n'est pas possible, par contre tu peux définir la propriété background-image pour les options.

L'inconvénient c'est qu'il faut pouvoir définir un attribut (class ou id) avec une valeur différente pour chaque option (pour attribuer une image différente à chaque option)

Si les valeurs sont connues et représente une liste raisonnablement "longue" il est possible d'utiliser les sélecteurs CSS (attention à la compatibilité avec les "anciens" navigateurs) :

Code:

/**
 * Sélecteurs CSS ciblant les options de la liste SELECT avec la classe "filteringSelect"
*/

select.filteringSelect > option[value="valeur1"] {
    background-image: url('/url/vers/limage/valeur1.ext');
}


select.filteringSelect > option[value="valeur2"] {
    background-image: url('/url/vers/limage/valeur2.ext');
}

...

select.filteringSelect > option[value="valeurX"] {
    background-image: url('/url/vers/limage/valeurX.ext');
}

Amicalement,

Will

Hors ligne

 

#3 19-02-2010 10:21:29

lio67
Nouveau membre
Date d'inscription: 14-10-2009
Messages: 5

Re: icône dans un filteringSelect

je te remercie de ton aide, je vais tester ça smile

Hors ligne

 

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 Rickard Andersson
Traduction par punbb.fr

Graphisme réalisé par l'agence Rodolphe Eveilleau
Développement par Kitpages