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

  • 1

    Comment installer la librairie avant la palette ?

    Répondre à ce message

  • 1

    Merci pour le lien.
    j’ai un autre problème : lors de la validation desd plugins multiflex et palette, SPIP me met le message suivant :
    Impossible d’activer le plugin auto/palette
    Ce plugin nécessite la librairie farbtastic_1_3
    à télécharger depuis http://kent1.sklunk.net/IMG/zip/farbtastic_1_3.zip et à installer dans lib/
    Impossible d’activer le plugin auto/squelette_multiflex3
    Nécessite le plugin PALETTE en version [1.0 ;] minimum.
    Comment procéder ?
    Merci

    • je ne sais pas... normalement palette devrait automatiquement installé la librairie.

      sinon commence par installer la librairie (suivant l’instruction, puis active palette, puis multiflex

    Répondre à ce message

  • 1

    Bonjour,
    le lien pour télécharger Palette ne fonctionne pas et renvoie sur une page d’erreur. Serait-il possible de corriger ?
    Merci.

    Répondre à ce message

  • Jean-Michel

    Bonsoir. Palette ne fonctionne pas en configuration de Multiflex Couleurs.
    Merci pour votre aide.

    Répondre à ce message

  • 1

    bonjour

    vous pourriez donner le lien pour télécharger ?
    car je ne le trouve pas sur cette page

    merci

    • il y est pourtant ...

      bon ki il y avait un bug de mise en page qui ne rendait pas la chose très visible.

      Il suffit de cliquer sur l’icone du paquet-cadeaux

    Répondre à ce message

  • 1
    Projet-civ.com

    Le fichier zip n’est pas accessible.

    Répondre à ce message

  • 1

    Bonjour,

    Merci pour cette contribution.

    Existe-t-il des plugins la mettant d’ores et déjà en oeuvre ?

    • Palette est utilisé par le plugin ACS, pour ses « pinceaux » (des « crayons » étendus pour mettre à jour le design depuis le site public).

      Palette est également utilisé avec le plugin cfg, et peut être appellée simplement en ajoutant la classe class=« palette » à un champ input dans un formulaire cfg. Palette remplace l’ancien mécanisme contenu dans le plugin cfg, avec qq améliorations mineures, mais surtout avec l’avantage de permettre une mutualisation facile entre plugins.

    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