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 ?

    Reply to this 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

    Reply to this 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.

    Reply to this message

  • Jean-Michel

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

    Reply to this 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

    Reply to this message

  • 1
    Projet-civ.com

    Le fichier zip n’est pas accessible.

    Reply to this 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.

    Reply to this message

Add a comment

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 / PostgreSQL
  • 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 apparait.

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.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom