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

Mettre une option en gras

JavaScript

Vue hybride

Discussions similaires

Partager

Partager