Palette

Permet de choisir des couleurs avec jQuery et tinyColorPicker

Ce plugin facilite la sélection de couleurs dans des formulaires de configuration. Il suffit d’ajouter la classe CSS palette sur les input souhaitant disposer de ce sélecteur.

Ce plugin intègre la librairie tinyColorPicker dans SPIP afin de permettre aisément de sélectionner une couleur sur les formulaires qui en ont le besoin.

Installation et configuration

Ce plugin peut s’installer simplement par l’intermédiaire du gestionnaire de plugins de SPIP. Voir page dédiée.

Vous pouvez configurer ce plugin en cliquant sur sa petite icône de configuration depuis la page de gestion des plugins une fois ce plugin activé.

La configuration permet d’insérer les scripts nécessaires au fonctionnement du plugin dans l’espace privé et/ou dans l’espace public.

Utilisation

À partir du moment où la librairie est insérée dans la page (voir la configuration), tout champ input de formulaire HTML possédant la classe palette aura un sélecteur de couleur associé.

Attention ! Le sélecteur n’apparaîtra que lorsque l’on cherchera a éditer le contenu du champ ; cependant la couleur de fond déjà sélectionnée est visible.

Exemples

Sélecteur de couleur sur un input :

<input class="palette" name="couleur" value="#dfdfdf" />

Sélecteur de couleur avec gestion de la transparence (version 4+)

<input class="palette" name="couleur" 
    value="rgba(100,10,200,.6)" 
    data-palette-withalpha="1"
/>

Utilisation avec Saisies

Si vous avez le plugin Saisies activé, vous pouvez utiliser la vue couleur

[(#SAISIE{couleur, couleur_aside,
		label=<:odaiba:cfg_couleur_aside:>,
		defaut=#ff6600})]

Historique

  • À partir de la version 4, la transparence peut être gérée
  • Avant la version 4 du plugin, la librairie Farbtastic était utilisée.
  • Avant SPIP 3, le plugin CFG permettait la même chose mais la classe à appliquer était « cfg_couleur ». Il suffit de remplacer « cfg_couleur » par « palette »

Discussion

37 discussions

  • 3

    Bonjour,

    Avec SPIP 2.0.10, et uniquement les plugins CFG et PALETTE 1.2.1
    J’ai créé un répertoire farbtastic_1_3_1 sous ercire\lib qui contient le résultat de la décompression (farbtastic.js, .css et 3 images png entre autres).
    L’activation du plugin palette ne génère aucun commentaire de spip.

    Pour autant, dans « configuration du plugin paltte » par exemple, le clic sur la zone de test ne provoque que l’affichage de la barre palette, pas de roue chromatique ou de curseurs pour régler la couleur ...

    Un débutant un peu perdu ...

    Merci

    • il me semble qu’il faut crer le répertoire lib non pas dans ecrire mais à son niveau, à la racine du site

    • Merci pour cette piste
      J’ai créé un lib à la racine avec son répertoire farbtastic, et réactivé le plugin, mais rien n’y fait ...

    • Il faut avoir la version 1.3.1 de jquery, à récupérer sur jquery.info

    Répondre à ce message

  • 7

    Bonjour,
    Je suis novice dans l’utilisation de spip. J ai téléchargé et installé le squelette sarkaspip V3. J ai ensuite telechargé et activé le plugin palette ainsi que la librairie correspondante. Malgrès tout la roue chromatique n apparait pas dans le menu de configuration style.
    Auriez vous une idée ??

    Merci d avance

    • le plugin s’est bien activé ? c’est bizarre, parceque sarkaspip est bien réfigé pour se servir de palette

    • Poupouille

      Bonjour,

      j’ai le même problème avec la dernière version de Sarkaspip. J’ai téléchargé différents plugins pour essayer de différentier les différentes rubriques du menu à savoir : couleurs de rubriques, couleurs spip et palette. J’ai bien activé ces plugins mais je ne parviens pas à les faire fonctionner, je ne vois pas comment modifier la couleur du nom d’une rubrique par exemple...

      Tu l’auras compris, je ne suis pas un pro du codage et je dois avouer que l’idée de mettre les mains dedans ne me réconforte pas.

      Si tu as une idée pour faire fonctionner palette, je suis preneur (d’ailleurs je ne sais pas où on peut l’utiliser une fois activé).

      Merci d’avance !

    • tu a téléchargé différents plugins ... lesquels ?

    • Poupouille

      « couleurs de rubriques », « Couleurs_Spip, couleurs et span pour les textes de spip » et « palette ».

      Le premier, « couleurs de rubriques », a fait apparaître la roue chromatique mais même après avoir sélectionné et sauvegardé mes couleurs de rubriques, celles-ci ne sont pas modifiées. C’est pour cela que j’ai essayé avec « palette » mais pour ce dernier plug in, une fois activé rien n’est modifié dans mon espace privé, je ne sais pas comment faire pour l’utiliser car aucun bouton, aucune option n’est apparue...

    • ah, d’accord

      je crois en fait que tu cherche la mauvaise chose ... palette n’est pas là pour modifier les couleurs du squelettes.

      « Couleurs rubriques » ne peut fonctionner que si le squelette esr prévu pour en prendre compte. Je ne crois pas que sarkaspip le fasse, mais le mieux serait que tu aille sur les forums de sarka

    • Poupouille

      Navré, je viens de relire l’article sur Palette et je ne vois pas ce qui m’a poussé à croire qu’il y avait un lien avec les couleurs.

      Désolé de t’avoir fait perdre ton temps et merci pour ton temps.

      J’espère que je vais finir par réussir à trouver une solution parce que sarkaspip me pose un problème de multilingue que j’essaie de résoudre en partageant le menu par couleurs mais pour le moment je suis dans une impasse.

    • en fait palette est plutôt un outils pour dévellopeur de plugin pour leur proposer d’intégrer une palette de couleurs dans leur interface ...

      il y a donc bien a voir avec la couleur, mais ce n’est pas lui qui la gère directement ;-)

    Répondre à ce message

  • 3

    ça ne fonctionne pas chez moi. Je n’arrive pas à choisir le bleu que je veux. Et contrairement aux captures d’écran que vous avez posté en portfolio, je n’ai qu’une colonne...

    • Bonjour, j’ai le même problème. Aprés avoir installer multiflex 3, palette et CFG, je n’arrive pas à avoir la palette de couleur comme sur la capture portfolio de présentation de multiflex3. Est ce que quelqu’un aurait trouvé la solution ?

    • Toujours le même pb : impossible d’activer Palette Depuis Multiflex Colors...
      Quelqu’un a -t-il trouvé une astuce ?

    • Oui, il faut placer le dossier farbastic présent ici dans un dossier lib/ à créer à la racine du spip.

    Répondre à ce message

  • Bonjour

    Regardant la validité de mon css on me repond
    .colorpicker_close           La propriété -moz-border-radius n'existe pas :  2px

    Est ce que ça sert réélement ? (ma validité est en 2.1)

    Répondre à ce message

  • 2

    Lors du téléchargement du zip, je reçois "Cannot open file : it does not appear to be a valid archive.
    et Winzip s’ouvre avec une fenêtre vide. Y a t’il une autre procédure pour récuperer le fichier ?
    Merci à vous !

    • Plusieurs personnes viennent d’essayer sur plusieurs plateformes sans problèmes, donc tu peux dans un premier temps retélécharger le fichier pour voir. Sinon remplacer ton winzip pirate (ou payé trop cher pour ce qu’il fait) par 7zip qui est open-source et gratuit : http://www.7-zip.org/

    • Merci Kent1. Les Winzip n’étaient pas piratés (Maison et bureau). En revanche 7-Zip résout le pb de l’archive faite sous Unix (Mac). Je ne veux pas polémiquer sur les OS, ni le respect du format .zip ;-)) Par contre le fichier contient un binaire sans extension à renommer en .zip qu’il faut à nouveau dezipper pour obtenir farbtastic.js. J’ai ensuite placé le fichier dans /lib en activant Palette dans la configuration des plugin, un message d’erreur apparait avec un bouton Installer Farbtastic —> installation, puis ré-activation et là tout fonctionne. J’ai l’habitude de développer, mais là, j’avoue que la documentation n’est pas très claire et l’installation tordue !

    Répondre à ce message

  • Ok, merci !
    Je vais donc faire la première solution !

    Un dossier lib à la source via filezilla et dans les attributs du fichier

    Cocher dans permissions du proprietaire
    Lire, écrire et exécuter

    Ne rien cocher dans permissions de groupe

    Cocher dans permissions publiques
    Lire et exécuter

    Et enfin mettre dans valeur numérique 777

    C’est tout bon ? :-)

    Répondre à ce message

  • 1

    Bonjour,
    Je découvre SPIP, donc je suis sous SPIP 2.08, CFG est actif donc d’après ce que je comprend, il faut que j’instal une librairie qui n’ est dispo que à cette adresse.
    http://kent1.sklunk.net/IMG/zip/farbtastic_1_3_1.zip

    Par contre, j’ai une question, il faut faire comment pour mettre une librairie ?
    Pareil qu’un plugin via l’instal automatique de SPIP ?

    Je demande cela car cela ne parle que de plugin sur SPIP et non également de librairie !

    En plus, il n’ai pas possible de deziper le dossier pour le mettre par moi même dans le fichier lib qui est dans le dosier écrire.

    Donc avant de faire des conneries :-D

    Merci de votre aie :-)

    • Par contre, j’ai une question, il faut faire comment pour mettre une librairie ? Pareil qu’un plugin via l’instal automatique de SPIP ?

      Il y a 2 possibilités :

      • Soit tu crées un dossier lib/ à la racine du site que tu mets en 777 pour que spip puisse écrire dedans (comme le répertoire local/ par exemple). Ensuite à l’activation du plugin il demandera de cliquer sur un lien pour télécharger l’archive au bon endroit
      • Soit tu télécharges le zip, que tu décompresses et copies l’ensemble du contenu (répertoire parent compris) dans un répertoire lib/ à la racine du site toujours.

      Voila ... la première solution restant la plus simple

    Répondre à ce message

  • 1

    Ou trouver Farbtastic pour Palette SPIP 2.0 ?
    Les liens indiqués pointent sur des zip corrompus.

    • Les liens indiqués pointent sur des zip corrompus.

      Qu’entends tu par « corrompu » ? Quelle est l’url que tu as utilisé ?

    Répondre à ce message

  • 2

    Warning : is_dir() [function.is-dir] : Unable to access ../../plugins/palette/ in /mnt/160/sdb/d/b/euskal.wireless/ecrire/inc/utils.php on line 691

    avec le plug in multiflex

    ne serait-ce pas un pb chez free ?

    • le problème vient de chez free
      j’ai essayé en local avec wamp ,ça marche

    • Pas sûr que cela vienne de Free :
      chez moi, en local avec Mamp, Palette fonctionne si je teste le module (dans la case de description du module, il y a un champ #dfdfdf pour tester palette)
      Par contre si j’essaye depuis multiflex, il ne marche pas.

      Sur Free, même problème (fonctionne avec le test mais pas avec Multiflex)

      J’ai essayé avec Safari et avec Firefox

    Répondre à ce message

  • STEnatura

    Bonjour
    j’arrive pas à utiliser palette sous Multiflex colours.
    J’ai un message d’erreur
    « Unable to access ../../plugins/palette/ in « mon site »/ecrire/inc/utils.php on line 691 » ??
    Palette autrement fonctione dans autres plug ins du même site...?
    Merci
    Stefano

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom