Discussion :

[Danyel]

Salut all,

J'aimerai appliquer l'effet visuel au survol de la souris sur les options d'un select, MAIS meme si je lui affecte un size.
L'effet visuel au survol de la souris est bien affiche lorsque l'on ne specifie pas le size, mais plus d'effet avec ...
Qq aurait il une solution ou une astuce ?

Merci pour votre aide.

[Bisûnûrs]

Tu aurais un peu de code, pour savoir comment tu gères l'effet de survol ? Et sur quel navigateur observes-tu le problème ?

[Danyel]

En fait, c'est fait automatiquement.
La seule difference, c'est l'ajout du size qui modifie l'affichage.
La l'effet s'affiche

Code :

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

1
2
3
4
5
6
<select name="xxx" tabindex="x" id="xxx" class="xxx" title="xxx" />
<option value="1" />option 1</option>
<option value="2" />option 2</option>
<option value="3" />option 3</option>
...
</select>

Mais il on ajoute juste le size, ca s'affiche plus

Code :

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

1
2
3
4
5
6
<select name="xxx" tabindex="x" id="xxx" size="10" class="xxx" title="xxx" />
<option value="1" />option 1</option>
<option value="2" />option 2</option>
<option value="3" />option 3</option>
...
</select>

Mais moi, je le voudrais bien aussi

[Bisûnûrs]

En fait on (moi en fait) aimerait bien voir le code que tu utilises pour faire ton effet.

[Danyel]

Je ne fais rien de special, c'est effet normal du select.
Quand on clique sur le select, la liste s'affiche et au passage du curseur, il y a le hover sur les donnees, c'est ce que je veux mais avec le size.

[Bovino]

Il va falloir passer par une solution JavaScript en gérant le mouseover et mouseout des options, mais ce ne sera pas compatible IE.

[Danyel]

Bien sur pour le javascript, mais je pensais qu'il pouvait y avoir une astuce ou un bidouillage pour que l'effet soit aussi pour le size vu qu'il est d'origine sans le size.
Tant pis

[Candygirl]

Hello,

Qqch du genre ?

Code :

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

1
2
3
option:hover {
	background:blue;
}

Mais ne fonctionne que sur FF et opéra...