Mettre une option en gras [Résolu]

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

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 :

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

Citation:

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.

17/02/2011, 12h16	#3
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	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 __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 12h38	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	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/ __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

17/02/2011, 13h37	#6
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	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. __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 15h34	#7
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	Donc si je comprend bien, il n'est pas possible de le faire simplement. Je ne peux pas rajouter une simple ligne de code ?! __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 15h36	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	j'ai pourtant été assez clair ... pas stylisable .... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

17/02/2011, 15h57	#9
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 805 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 805 Points : 35 810 Points : 35 810	Bah... si, c'est faisable, mais que pour Firefox __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

17/02/2011, 16h14	#10
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	Puis je savoir comment même pour Firefox ? Merci __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 16h19	#11
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 805 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 805 Points : 35 810 Points : 35 810	Code : Sélectionner tout - Visualiser dans une fenêtre à part <option style="font-weight:bold">option</option> __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

17/02/2011, 16h24	#12
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	Oué, mais c'est dans le code actuel que je n'arrive pas à l'appliquer __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 17h25	#13
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	J'ai cherché dans les plugins query, et je n'en trouve qui permettent de styler un select. __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 17h27	#14
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	je donne des cours de recherche sur google si tu veux http://www.reynoldsftw.com/2009/03/1...tml-dropdowns/ __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

17/02/2011, 17h38	#15
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 805 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 805 Points : 35 810 Points : 35 810	Pas besoin d'aller chercher si loin : Créer un plugin jQuery : une liste déroulante personnalisée __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

17/02/2011, 18h16	#16
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	Bonjour, il est dommage de ne pas savoir la finalité, car il existe la balise OPTGROUP qui elle le permet.
	00

17/02/2011, 18h20	#17
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	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 __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 18h38	#19
PIEPLU Membre du Club Inscription : avril 2003 Messages : 299 Détails du profil Informations personnelles : Âge : 30 Informations forums : Inscription : avril 2003 Messages : 299 Points : 40 Points : 40	Sauf que mes catégories sont sélectionnables :p __________________ Vincent Pieplu Développeur Site Internet
	00

17/02/2011, 18h44	#20
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	donc à oublier...mais à s'en rappeler quand même.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email