SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 234 visiteurs en ce moment

Accueil > Outils pour plugins > Palette > Palette

Palette

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

22 votes

Un plugin pour choisir des couleurs avec jQuery et Farbtastic.

Ce tout petit plugin a été créé pour permettre une utilisation de la librairie Farbtastic par tout autre plugin sans risquer d’inclusions multiples. En effet, plusieurs plugins utilisent déjà cette librairie, et il n’est pas possible de tester facilement si elle a déjà été incluse dans la section <head>.

Avec le plugin Palette, mutualiser l’utilisation de la librairie Farbtastic entre plugins devient un jeu d’enfant : tester _DIR_PLUGIN_PALETTE suffit pour savoir si la librairie est disponible.

Installation

De préférence, utiliser la fonction d’installation automatique des plugins (SPIP 2 & 3). Pour les versions 1.9 de SPIP, télécharger le zip, dézippez-le, puis suivez la procédure normale d’installation.

Utilisation

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 champs.

Ex :

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

Configuration

Vous pouvez configurer ce plugin en cliquant sur sa petite icône de configuration depuis la page de gestion des plugins (SPIP 3), ou alors en vous rendant sur la page « CFG » dans le menu « Configuration » si le plugin CFG est installé (versions SPIP < 3).

Il n’y a que deux options, cochées par défaut :
-  activer la palette dans l’espace privé
-  activer la palette dans l’espace public

Tester si le plugin est actif

Vous pouver tester si le plugin est disponible.

en pHp

En SPIP dans les squelettes

ou bien (Sous SPIP 2.0+)

PS : compatibilité avec cfg_couleur

Le plugin CFG permettait la même chose mais la classe à appliquer était « cfg_couleur ». La compatibilité est assurée : « cfg_couleur » passera quand même. Il est toutefois recommandé de remplacer « cfg_couleur » par « palette »

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

Dernière modification de cette page le 11 août 2015

Retour en haut de la page

Tout afficher

Vos commentaires

  • 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

  • Le 1er septembre 2011 à 19:10, par Francky En réponse à : Palette

    Je pense qu’il y a un bug avec Spip 2.0.15

    Je n’arrive pas à activer la palette, que cela soit dans l’espace privée ou public, cela ne fonctionne pas
    Donc, je ne vois pas la roue chromatique ! :-(

    Quand je coche l’une des deux possibilité (privée ou public) et clique sur « enregistrer » j’ai le message « config info enregistree » mais à ce moment là, cela décoche l’option tt seul.

    Pour info, il n’y a que :

    Spip 2.0.15 [17661]
    Palette Version : 1.3.2 [50295]
    Spip bonux Version : 2.2.21 [50439]
    CFG Version : 1.16.0 [49254]

    • Le 1er septembre 2011 à 21:35, par Francky En réponse à : Palette

      Je complète mon message.

      Il semble que le fait que la case reste cocher, ou pas via CFG, vienne du fait que bonux soit activer également.

      Car là, je viens de faire un test en le désactivant Bonux et la case est apparu cocher quand j’ai été voir les réglages via CFG.

      Par contre, toujours aucune trace de la roue :-(

    • Le 2 septembre 2011 à 10:26, par Maïeul En réponse à : Palette

      Bonjour,

      merci de me relancer vers la mi septembre, quand je serai rentré de vacances. Je suis assez étonné du problème, mais bon, sait-on jamais.

    • Le 17 décembre 2011 à 02:20, par ? En réponse à : Palette

      meme probleme ici , spip 2.0.17 , impossible d activer la palette

    • Le 22 décembre 2011 à 14:13, par Maïeul En réponse à : Palette

      hum, j’ai fait des modifs dans palette, pour les compatibilité spip 2.0.x

      pouvez vous tester avec la nouvelle version de palette correspondant (palette 1.0)

    • Le 26 décembre 2011 à 19:45, par Maïeul En réponse à : Palette

      précisions : il faut vider les caches des js compressés (par ?var_mode=recalcul) ou bien en passant par ftp vider le dossier local/cache-js ou encore par la page de vidage du cache (cache des images)

    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

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là