Mettre une option en gras

Version imprimable

Bonjour,

Je cherche à mettre du gras dans un select. Voici ce que j'ai essayé mais cela ne fonctionne pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
      var select = document.getElementById(widget.container+'_select');
			var optiongroup;
 
			for(indexcat in widget.createDatas.categoriesMetiers)
			{
				var optionvalues = "";
				for (index in widget.createDatas.categoriesMetiers[indexcat]) {
					if(typeof widget.createDatas.categoriesMetiers[indexcat][index].id_metier != "undefined") {
						if (optionvalues) optionvalues +=",";
						optionvalues +=widget.createDatas.categoriesMetiers[indexcat][index].id_metier;
					}
				}
				select.options[select.options.length]  = new Option(widget.createDatas.categoriesMetiers[indexcat].nom,optionvalues, false, false);
				// select.options[select.options.length-1].style.fontWeight = 'bold'; test non fonctionnel
				for (index in widget.createDatas.categoriesMetiers[indexcat]) {
					if(typeof widget.createDatas.categoriesMetiers[indexcat][index].id_metier != "undefined") {
						select.options[select.options.length] = new Option(">>» "+widget.createDatas.categoriesMetiers[indexcat][index].nom,widget.createDatas.categoriesMetiers[indexcat][index].id_metier, false, false);
					}
				}
			}

Auriez-vous une idée ?

Merci

sous IE une option n'est stylisable que sur peu de propriétés:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <style type="text/css"> .bold { color:red; background-color:green; font-size:14px; font-weight:bold; } </style> </head> <body> <select> <option>111</option> <option>111</option> <option class="bold">111</option> <option>111</option> <option>111</option> <option>111</option> </select>
dans ce cas il n'y a que la couleur de la police et le fond qui sont appliqués !

il reste les plugins jquery par exemple ...

17/02/2011, 12h16
PIEPLU

Bonjour SpaceFrog,

Je n'utilise que près peu IE, je suis sous Chrome ou FF.
J'ai bien essayé de voir du codé de jquery mais en vain par rapport au code que j'ai montré précédemment.

Aurais-tu une idée d'où j'ai coincé ?

Merci d'avance :P

Citation:

Envoyé par PIEPLU

Bonjour,

Je cherche à mettre du gras dans un select. Voici ce que j'ai essayé mais cela ne fonctionne pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
      var select = document.getElementById(widget.container+'_select');
			var optiongroup;
 
			for(indexcat in widget.createDatas.categoriesMetiers)
			{
				var optionvalues = "";
				for (index in widget.createDatas.categoriesMetiers[indexcat]) {
					if(typeof widget.createDatas.categoriesMetiers[indexcat][index].id_metier != "undefined") {
						if (optionvalues) optionvalues +=",";
						optionvalues +=widget.createDatas.categoriesMetiers[indexcat][index].id_metier;
					}
				}
				select.options[select.options.length]  = new Option(widget.createDatas.categoriesMetiers[indexcat].nom,optionvalues, false, false);
				// select.options[select.options.length-1].style.fontWeight = 'bold'; test non fonctionnel
				for (index in widget.createDatas.categoriesMetiers[indexcat]) {
					if(typeof widget.createDatas.categoriesMetiers[indexcat][index].id_metier != "undefined") {
						select.options[select.options.length] = new Option(">>» "+widget.createDatas.categoriesMetiers[indexcat][index].nom,widget.createDatas.categoriesMetiers[indexcat][index].id_metier, false, false);
					}
				}
			}

Auriez-vous une idée ?

Merci

A quel moment tu essayes de mettre du gras ? :koi:

17/02/2011, 12h38
SpaceFrog

oui je m'étais aussi posé cette question Beef ...
mais elle reste inutile car une options n'est pas stylable en bold ...

pour les plugin jquery on peut en trouver des tonnes ...
http://www.reynoldsftw.com/2009/03/1...tml-dropdowns/
17/02/2011, 13h37
PIEPLU

Elle est dans le code présenté :

Code:

// select.options[select.options.length-1].style.fontWeight = 'bold'; test non fonctionnel

Je l'ai misen commentaire car ca me plante ma select.
17/02/2011, 15h34
PIEPLU

Donc si je comprend bien, il n'est pas possible de le faire simplement.

Je ne peux pas rajouter une simple ligne de code ?!
17/02/2011, 15h36
SpaceFrog

j'ai pourtant été assez clair ...
pas stylisable ....
17/02/2011, 15h57
Bovino

Bah... si, c'est faisable, mais que pour Firefox :aie:
17/02/2011, 16h14
PIEPLU

Puis je savoir comment même pour Firefox ? ;)
Merci
17/02/2011, 16h19
Bovino

Code:

<option style="font-weight:bold">option</option>

:koi:
17/02/2011, 16h24
PIEPLU

Oué, mais c'est dans le code actuel que je n'arrive pas à l'appliquer :cry:
17/02/2011, 17h25
PIEPLU

J'ai cherché dans les plugins query, et je n'en trouve qui permettent de styler un select.
17/02/2011, 17h27
SpaceFrog

je donne des cours de recherche sur google si tu veux :mouarf::mouarf:
http://www.reynoldsftw.com/2009/03/1...tml-dropdowns/
17/02/2011, 17h38
Bovino

Pas besoin d'aller chercher si loin : Créer un plugin jQuery : une liste déroulante personnalisée
:mrgreen:
17/02/2011, 18h16
NoSmoking

Bonjour,
il est dommage de ne pas savoir la finalité, car il existe la balise OPTGROUP qui elle le permet.
17/02/2011, 18h20
PIEPLU

La finalité était simplement de pouvoir mettre du gras sur cette ligne

Code:

select.options[select.options.length] = new Option(widget.createDatas.categoriesMetiers[indexcat].nom,optionvalues, false, false);

Pour faire ressortir le nom de mes catégories :ccool:
17/02/2011, 18h26
NoSmoking

Citation:

Envoyé par PIEPLU

Pour faire ressortir le nom de mes catégories :ccool:

c'est typiquement la raison d'être des OPTGROUP, qui ne sont pas sélectionnables donc pas à gérer en sélection.
17/02/2011, 18h38
PIEPLU

Sauf que mes catégories sont sélectionnables :p
17/02/2011, 18h44
NoSmoking

donc à oublier...mais à s'en rappeler quand même.