Discussion :

[pascalbout1]

bonjour

Sur certains sites, dans les listes déroulantes, il y a un choix par défaut qui est proposé, puis un séparateur tel que "-", et enfin les autres choix.
Par exemple:

Code :

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

1
2
3
4
5
6
3
-
1
2
3
4

Or quand on clique sur le menu deroulant, on ne peut pas sélectionner le séparateur. Auriez vous une idée de comment faire cela (ne pas permettre de sélectionner le séparateur dans le menu deroulant)


Mon script

Faites un choix :

Code :

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

1
2
3
4
5
6
7
8
9
<form name="doublecombo">
<select name="tailspeed">
<option selected><? echo $choix;?></option>
<option>1</option>
<option>3</option>
<option>5</option>
<option>10</option>
<option>60</option>
</select>

Donc j'aurais voulu mettre un séparateur entre le "selected" et les options suivantes, mais je ne veux pas qu'il puisse etre validé (source de message d'erreur).

MErci

[Sayrus]

Je ne pense pas que l'on puisse dire de ne pas valider le separateur...

Au pire il faut faire un controle...

Si séparateur sélectionné, alors MESSAGE d'ERREUR...

[mathieu]

ce que tu peux faire, c'est appliquer une classe CSS à la balise "option" et mettre une bordure

tu peux voir un exemple sur cette page, dans le menu déroulant des langues :
http://translate.google.com/translate_t?hl=fr

[pascalbout1]

j'avais pourtant vu cela sur un site, faut que je le retrouve
Merci pour votre aide, je vais essayer le css.

[koopajah]

Code :

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

1
2
3
4
5
<select name="test">
	<option value="premiere">petit 1</option>
	<option value="---" disabled>------</option>
	<option value="deuxieme">petit 2</option>	
</select>

comme ca, en utilisant disabled il me semble. (en tout cas ça fonctionne sous FF2 et disabled est un attribut XHTML 1.1)

[pascalbout1]

excellent merci
effectivement ça marche sous firefox, mais pas sous le sublissime ie7 !