Mettre une option en gras

**PIEPLU** · 17/02/2011, 08h15

Bonjour,

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

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
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

**SpaceFrog** · 17/02/2011, 10h03

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

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
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 ...

**PIEPLU** · 17/02/2011, 13h16

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

**Bovino** · 17/02/2011, 13h33

Envoyé par PIEPLU

Bonjour,

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

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
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 ?

**SpaceFrog** · 17/02/2011, 13h38

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/

**PIEPLU** · 17/02/2011, 14h37

Elle est dans le code présenté :

Code :

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

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

Je l'ai misen commentaire car ca me plante ma select.

**PIEPLU** · 17/02/2011, 16h34

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

Je ne peux pas rajouter une simple ligne de code ?!

**SpaceFrog** · 17/02/2011, 16h36

j'ai pourtant été assez clair ...
pas stylisable ....

**Bovino** · 17/02/2011, 16h57

Bah... si, c'est faisable, mais que pour Firefox

**PIEPLU** · 17/02/2011, 17h14

Puis je savoir comment même pour Firefox ?

Merci

**Bovino** · 17/02/2011, 17h19

Code :

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

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

**PIEPLU** · 17/02/2011, 17h24

Oué, mais c'est dans le code actuel que je n'arrive pas à l'appliquer

**PIEPLU** · 17/02/2011, 18h25

J'ai cherché dans les plugins query, et je n'en trouve qui permettent de styler un select.

**SpaceFrog** · 17/02/2011, 18h27

je donne des cours de recherche sur google si tu veux

http://www.reynoldsftw.com/2009/03/1...tml-dropdowns/

**Bovino** · 17/02/2011, 18h38

Pas besoin d'aller chercher si loin : Créer un plugin jQuery : une liste déroulante personnalisée

**NoSmoking** · 17/02/2011, 19h16

Bonjour,
il est dommage de ne pas savoir la finalité, car il existe la balise OPTGROUP qui elle le permet.

**PIEPLU** · 17/02/2011, 19h20

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

Code :

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

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

Pour faire ressortir le nom de mes catégories

**NoSmoking** · 17/02/2011, 19h26

Envoyé par PIEPLU

Pour faire ressortir le nom de mes catégories

c'est typiquement la raison d'être des OPTGROUP, qui ne sont pas sélectionnables donc pas à gérer en sélection.

**PIEPLU** · 17/02/2011, 19h38

Sauf que mes catégories sont sélectionnables :p

**NoSmoking** · 17/02/2011, 19h44

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

Mettre une option en gras

JavaScript

Discussions similaires

Partager

Partager