Sélecteur de couleurs jQuery UI

Question

J'ai entendu dire que jQuery UI comprend un sélecteur de couleurs mais j'ai trouvé peu de documentation à ce sujet.

Existe-t-il ?

Existe-t-il une documentation décente sur la façon de l'implémenter ?

J'ai trouvé ça : http://docs.jquery.com/UI/Colorpicker

Mais en utilisant :

$("#colorpicker").colorpicker();

ne fonctionne pas, et Firebug me signale que .colorpicker(); n'est pas une méthode !

Il semble fonctionner correctement, sauf si je le place dans une interface utilisateur de dialogue où il décide alors de se casser.

Answer 1

Vous pouvez trouver quelques démos et plugins ici.

http://jqueryui.pbworks.com/ColorPicker

Answer 2

Spectre est un plugin léger de sélecteur de couleurs jQuery. Aucune image n'est utilisée.

Il suffit d'inclure les fichiers CSS et JavaScript nécessaires, et vous êtes prêt à partir ;

 <script src='spectrum.js'></script>
 <link rel='stylesheet' href='spectrum.css' />

Démonstration en direct ; http://jsfiddle.net/bgrins/ctkY3/

Answer 3

Roue de couleur sur github.com est une autre option. Elle utilise Raphael pour dessiner le sélecteur de couleurs, plutôt que d'utiliser un PNG ou un autre graphique.

Answer 4

Je ne peux pas non plus le télécharger. Peut-être est-il abandonné. Vous pouvez trouver une alternative aquí .

Answer 5

Assurez-vous que la base de jQuery UI et le widget du sélecteur de couleurs sont inclus dans votre page (ainsi qu'une copie de jQuery 1.3) :

<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>

<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.colorpicker.js"></script>

Si vous les avez inclus, essayez de poster votre source pour que nous puissions voir ce qui se passe.