Discussion :

[dark_vidor]

Bonjour,

Je suis à la recherche d'un code qui permettrais d'afficher une palette de couleur prédéfinie comme ceci :


(Screen de TinyMce)

Je n'ai pas besoin d'un éditeur complet comme TinyMce, ni d'un sélecteur de couleur poussé ... un petite palette de 40 couleurs me suffit.

Mes recherches m'ont conduit sur des "color picker" poussé ... JsColor par exemple ... mais c'est bien trop compliqué... c'est pour intégré sur un phpBB, j'ai pas besoin d'aussi complet.


Merci

[SpaceFrog]

il doit etre possible d'isoler le code de tinyMCE quoi que niveau droits ...

sinon
color picker javascript source - Recherche Google

[dark_vidor]

Bon je me suis inspiré de ça : http://blog.jaysalvat.com/articles/c...-en-jquery.php

Par contre j'ai un soucis je voudrais que si je fait un clic ailleurs que sur ma palette elle se ferme toute seule

Pour schématisé j'ai un div #wrapbody qui est mon conteneur de page, un bouton #bbcolorpicker qui affiche la palette ...

j'ai implémenté cette fonction dans le code

Code :

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

1
2
3
4
5
6
7
8
			$("#wrapbody").click(function(){			
				if( boolColorPicker )
				{
					$('#ColorPicker').remove();
					boolColorPicker = false;
					return false;
				}
			});

mais du coup ça affiche plus rien

Le code en entier

[dark_vidor]

J'ai trouvé une solution comme ça :

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
21
 
 
			//Je detecte le mouseout sur mon bouton affichant mon div de sélection de couleur (pour mettre la variable booléenne a true si le div est affiché
			$$.mouseout(function(){
				if( $('#ColorPicker') )
				{
					boolColorPicker = true;
				}
				return false;
			});
 
			//Sur clic, je contrôle la cible du clic et la variable bool pour supprimer le calque
			$().click(function(event){
 
				if( !$(event.target).is('#ColorPicker') && boolColorPicker == true )
				{
					$('#ColorPicker').remove();
					boolColorPicker = false;
					return false;
				}
			});

Je sais pas ce que ça vaut Mais c'est compatible IE on dirait