Mettre une option en gras

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

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, 09h03

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, 12h16

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, 12h33

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, 12h38

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, 13h37

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, 15h34

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, 15h36

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

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

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

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

Puis je savoir comment même pour Firefox ?

Merci

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

Code :

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

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

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

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

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

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

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

je donne des cours de recherche sur google si tu veux

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

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

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

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

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

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

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, 18h26

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, 18h38

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

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

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

Mettre une option en gras

JavaScript

Discussions similaires

Partager

Partager