SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 210 visiteurs en ce moment

Accueil > Outils pour plugins > Palette > Palette

Palette

2 août 2008 – par Daniel FAIVRE, kent1, Maïeul – 79 commentaires

23 votes

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 :

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

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

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

Télécharger

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 »

Voir en ligne : http://plugins.spip.net/palette

Dernière modification de cette page le 22 octobre 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 22 août à 09:44, par Matthieu Marcillaud En réponse à : Palette

    La version 4 du plugin Palette, pour SPIP 3.1+ utilise maintenant la librairie tinyColorPicker à la place de Farbtastic.

    Répondre à ce message

  • Le 6 novembre 2015 à 15:37, par Lexi En réponse à : Palette

    Bonjour spipien,

    Bravo pour ce plugin ! Palette se révèle un plugin indispensable dans mon projet de site, notamment pour coloriser des contenus à éditer en ligne.

    Je travaille avec le canvas de html5, et bien entendu des javascripts. Or il apparait qu’au changement de contenu de mon champ input, sous l’action de palette & farbastic, le javascript de mon canvas ne se déclenche pas automatiquement, du moins pas avec le onchange=« fn() » du HTML DOM Events. J’ai réussi à provoquer un déclenchement « automatique » avec le onmousemove=« fn() » , c’est-à-dire lorsque la souris sort de la fenêtre farbastic. C’est fastidieux. J’aurais aimé que le déclenchement (trigger) se fasse au clic dans farbastic, car c’est bien entendu beaucoup plus intuitif pour l’utilisateur.

    J’ai testé beaucoup d’autre Html Dom events, mais sans y parvenir. Y-a-t-il une solution ?

    Salutations respectueuses et spipiennes,
    LEXI

    http://caricaturejs.com

    • Le 16 novembre 2015 à 11:43, par Lexi En réponse à : Palette

      Après bien des essais infructueux, je m’en suis remis au web color picker jscolor qui a l’avantage de réagir à la volée au « onchange event ». Dès le clic de souris dans son « farbastic », le code couleur est soumis au script sans devoir passer par un bouton de « submit » pour valider le « input ». C’est rapide et intuitif.

      Exemple

      Donc j’abandonne « Palette », car malheureusement totalement incompétent pour proposer une amélioration de son js.

      Avec regrets !
      LEXI

    Répondre à ce message

  • Le 12 novembre 2014 à 22:49, par chankalan En réponse à : Palette

    Bonsoir,
    j’ai testé en local le plugin Palette sur SPIP 3.1 et tout semble bien marché : par précaution j’ai changé (en local toujours) .attr() en .prop() ici http://zone.spip.org/trac/spip-zone/browser/_plugins_/palette/trunk/javascript/palette2.js.html#L48 et aussi ligne 53. Je n’ai pas rencontré de problème dans un usage normal.
    Je le passerais bien en version 3.0.6 avec ces petits changements + une borne ouverte à SPIP 3.1 : y a-til des inconvénients ?

    Répondre à ce message

  • Le 21 février 2014 à 11:47, par PRX En réponse à : Palette

    Bonjour ,

    lors d’une install de ce plugin comme tous les autres, par le gestion des plugins, elle se termine mal et demande des autorisations spéciales :

    « • Palette a besoin de la bibliothèque farbtastic_1_3_2 placée dans le répertoire lib/ à la racine de votre site. Cependant, ce répertoire n’existe pas ou n’est pas accessible en écriture. Vous devez installer manuellement cette bibliothèque ou créer ce répertoire en lui donnant des permissions d’écriture. »

    On ne pourrait pas profiter des demandes conjointes pour mettre cela aux normes du jour SVP ?
    merci d’avance.

    Répondre à ce message

  • Le 20 février 2014 à 12:16, par Francky En réponse à : Palette

    Salut kent1
    Je t’ai envoyer un mail, mais comme je ne suis pas sûr qu’il n’est pas dans tes spams...

    Loiseau2nuit à changer l’adresse de la lib pour prendre de nouveau l’officielle, le problème est que je ne suis pas sûr qu’elle contient tes corrections...
    Elle pointe désormais vers la v1 de https://github.com/mattfarina/farbtastic
    Normal ou pas alors ?

    Répondre à ce message

  • Le 14 avril 2013 à 14:58, par Francky En réponse à : Palette

    Bonjour

    Sous Iphone 4 Ios 6.1.3 palette ne fonctionne pas.
    Il n’est pas possible de changer une couleur.

    En prenant le code ici
    http://signedon.com/touch-events/adding-ios-touch-events-to-farbtastic-color-picker/
    Cela ne serait pas possible de faire une mise à jour de la lib ?
    j’ai essayer, mais je suis pas doué...

    Cerise sur le gâteau pendant que j’y suis :-D
    Cela serait possible d’avoir une gestion des transparents en prenant le code ici :
    http://lantralab.com/farbtastica/index.html

    Cordialement, Franck

    • Le 15 avril 2013 à 11:03, par gilcot En réponse à : Palette

      Oui mais ce plugin ne fait que mettre à disposition la bibliothèque Farbastic ; donc s’il y a un connertif à faire sur le code de cette bibliothèque ça doit se faire en amont... (peut-être une prochaine version ?)

    • Le 15 avril 2013 à 18:44, par Francky En réponse à : Palette

      En théorie, tu as parfaitement raison !
      Sauf que ...
      La librairie dans le plug est déjà une modif de l’originale.
      Sur la zone, elle est en 1.3.1 et l’originale est en 1.3
      http://code.google.com/p/farbtastic/source/list

      Que les personnes s’occupant de l’originale ne s’en occupe plus du tout, (manque de temps. ou autre, je ne sais pas)
      D’ailleurs, Quentin l’explique lui même :
      http://archives.rezo.net/archives/spip-zone.mbox/ENWCCWXP2I2UGJ3Y4AFS54XLD5D4DPUH/

      Ensuite, il suffit de ce rendre compte qu’il y a déjà pas mal de monde qui patch cette lib rien que sur git-hub par exemple.
      https://github.com/search?q=farbtastic&type=Repositories&ref=searchresults

      C’est pour cela que je demandais si la lib qui est sur la zone ne pourrait pas être patcher avec au moins la modif de F1LT3R pour que cela fonctionne sous IOS (et sans doute tous les écrans tactile) !

      Car si tu attends une prochaine version de l’originale, je pense que nous risquons encore d’attendre longtemps... :-(

    • Le 16 avril 2013 à 00:46, par gilcot En réponse à : Palette

      Hello

      Mes propos sur la source ne visaient pas ceux qui s’en occupaient initialement ; d’autres peuvent prendre le relais s’il y a de l’intérêt : c’est du code ouvert et libre...
      Sur GitHub plus des trois quart de ce qui est présenté sont des intégrations de la bibilothèque (tout comme on l’a fait pour Spip d’autres ont voulu pareil pour Ror, Sympoh, etc. Certains ont voulu l’utiliser aussi dans d’autres ensembles JS autre que jQuery...)

      Ceci dit, je comprends l’attente et l’idée. Peut-être que cela retiendra l’attention de quelque développeur capable de la zone ? (car c’est une chose bien différente que je ne soit pas du même avis)

    • Le 16 avril 2013 à 13:44, par kent1 En réponse à : Palette

      Je viens de modifier la lib de la zone avec les modifs de https://github.com/F1LT3R/farbtastic-color-picker/blob/master/farbtastic.js et de https://github.com/mattfarina/farbtastic/tree/farbtastic-1

      Pour le truc d’opacité je ne suis pas chaud parce que je n’ai pas trouvé de doc sur la portabilité de ce genre de code de couleur. Et que je n’ai surtout pas le courage de tester.

      Lorsque le zip de la lib sera recréé, je mettrais à jour Palette

    • Le 16 avril 2013 à 16:50, par gilcot En réponse à : Palette

      Voilà, cela a retenu l’attention de Kent1  ;-) Un grand merci à lui.

    • Le 16 avril 2013 à 21:39, par Francky En réponse à : Palette

      Merci kent1 :-)
      Je vais attendre que tu mettes palette à jour pour te dire si tout fonctionne bien.
      J’ai essayer de trouver du code pour l’opacité, mais j’ai rien trouver :-(

      L’unique solution que j’ai trouver serait d’utiliser jquery-color à la place de farbtastic, mais bon, là, c’est autre chose...
      https://github.com/jquery/jquery-color

      En tout cas merci :-)

    • Le 17 avril 2013 à 10:51, par kent1 En réponse à : Palette

    • Le 17 avril 2013 à 21:11, par Francky En réponse à : Palette

      ça fonctionne du tonner sur l’Iphone maintenant :-)

    Répondre à ce message

  • Le 28 juin 2012 à 22:55, par Rizzi En réponse à : Palette

    Super sympa ce plugin. Merci.
    Si c’est possible, ce serait bien d’avoir en plus la possibilité de choisir la couleur sur un dégradé du blanc au noir dans la gamme de la couleur choisie dans le carré... ça facilite la mise en place de thème avec une stabilité de tons ;-)

    • Le 15 avril 2013 à 11:08, par gilcot En réponse à : Palette

      Je réponds un peu tard a ceci, mais c’est bien se qui se passe comme on se met complètement à droite du carré (du haut vers le bas) puis complétement en bas (de la droite vers la gauche)

    Répondre à ce message

  • Le 7 février 2013 à 15:26, par Francky En réponse à : Palette

    Bonjour
    Serait-il possible d’avoir un « nuancier » comme sous Chrome au lieu d’uniquement la roue ?
    D’après ce que j’ai compris en juillet http://contrib.spip.net/Couleur-de-Rubrique
    cela dépend du navigateur, mais une évolution de palette pour spip3 serait-elle possible pour avoir la même chose avec les autres navigateurs ?

    Cordialement, Franck

    Répondre à ce message

  • Le 27 mai 2012 à 15:12, par Francky En réponse à : Palette

    Bonjour
    Il y a un problème pour activer « palette » sous spip 2.1.14 et peut-être même spip 3
    Cela demande à chaque fois de telecharger la lib

    Le problème semble venir de là :
    http://zone.spip.org/trac/spip-zone/changeset/61190

    Cela fait la création d’un dossier farbtastic_1_3 alors qu’il faudrait faire la création d’un dossier farbtastic_1_3_1

    La lib est en 1.3.1 semble t’il http://zone.spip.org/trac/spip-zone/browser/_libs_/farbtastic/farbtastic.js

    • Le 27 mai 2012 à 22:41, par Daniel FAIVRE En réponse à : Palette

      L’auteur du commit 61190 a modifié ça. Merci à Quentin.

    • Le 28 mai 2012 à 00:31, par Francky En réponse à : Palette

      Merci à lui :-)

    Répondre à ce message

  • Le 6 mars 2012 à 18:27, par Franck En réponse à : Palette

    Bonjour :-)

    Sous Spip 3 [19073] en local sous easyphp 5.3.8.0
    Quand j’active palette, STEP me sort comme message :

    -  L’activation du plugin « Palette » (version : 2.0.0) s’est correctement déroulée
    -  L’installation du plugin « Palette » (version : 2.0.0) a échoué

    Le plug est visible dans "configuration" de spip, mais la roue chromatique n’est pas visible quand on clique sur le bouton "palette"

    Les autres plugs (je viens de les récupérer à l’instant sur le svn via tortoise) actif sont :
    API de vérification
    CFG
    Enluminures typographiques
    NivoSlider
    Saisies pour formulaires
    YAML

    A savoir, j’ai donc télécharger les plugs puis les aient mit moi même dans le dossier "plugins/auto" de spip

    • Le 6 mars 2012 à 18:34, par Franck En réponse à : Palette

      J’ai rien compris, j’ai supprimer la lib, puis l’ai remit et maintenant, cela fonctionne !

      Possible que le problème est venu du fait que la lib était déjà dans le répertoire « lib » avant que j’active palette ?!
      Normalement, c’est le plug qui installe la lib et comme là, elle était déjà présente...
      Enfin, je sais pas, mais si cela arrive à d’autre !

    • Le 8 mars 2012 à 13:48, par Franck En réponse à : Palette

      Pour info :
      Je viens de refaire des tests sous spip 3 [19080]
      J’ai SVP qui m’a sorti les messages :
      L’activation du plugin « Palette » (version : 2.0.0) s’est correctement déroulée
      L’installation du plugin « Palette » (version : 2.0.0) a échoué

      Cela dit, le plug semble fonctionner.

      Bref, il y a peut-être un problème, mais possible que cela soit aléatoire car sur l’un des test, le plug à fonctionner correctement et d’autres fois, pas du tout !

    • Le 8 mars 2012 à 13:50, par Maïeul En réponse à : Palette

      désolé, trop débordé en ce moment pour travailler dessus. Peut être en mai / juin ?

    • Le 27 mai 2012 à 00:41, par Daniel FAIVRE En réponse à : Palette

      J’ai remis à jour le paquet.xml de description de ce plugin pour SPIP 3.n.n, donc pour la version SVN 3.1.0-dev et suivantes.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Liens sociaux

    6 septembre 2015 – 10 commentaires

    Déclarez vos réseaux sociaux et affichez-les sur le site public. Ce plugin permet de déclarer les comptes des réseaux sociaux associés à votre site et d’en afficher facilement les liens sur le site public, pour que les internautes puissent les (...)

  • Curalicious

    2 mai 2016 – commentaires

    Un squelette généraliste basé sur la dist, tout particulièrement indiqué pour la veille sur internet (en association avec le plugin curator) Installation Ce plugin s’installe comme tous les plugins. Il nécessite le plugin Social tags et Menu (...)

  • Sélections éditoriales

    19 mars 2015 – 85 commentaires

    Faites des listes de choses intéressantes. Ce plugin permet de gérer des listes de contenus quelconques de manière éditoriale. Chaque sélection est donc entièrement libre, et peut renvoyer aussi bien vers des contenus internes au SPIP quels qu’ils (...)

  • ScolaSPIP 4

    19 janvier 2016 – 259 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Champs Extras 3

    16 janvier 2012 – 603 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)