Choix de couleur

« Choix de couleur » est une extension du plugin saisies, proposant un nouveau type de saisie : choisir entre plusieurs couleurs prédéfinies.

Installation

Le plugin nécessite évidement le plugin Saisies et s’installe comme n’importe quel plugin.

Version 0.7.2

Fonctionnalité

La nouvelle saisie propose un choix de couleur sous forme de boutons radio, comprenant :
-  un carré de la couleur.
-  un nom associé à la couleur.

Exemple de choix de couleur

Utilisation de #SAISIE

Dans le tableau de l’article « Référence des saisies » la saisie « choix de couleurs » est une saisie de type « radio ».

Un peut donc insérer une balise #SAISIE ayant toutes les options d’une saisie de type « radio ». Par exemple :

#SAISIE{choix_couleur, choix_couleur, label=Choisissez votre couleur, datas=#ARRAY{
Clef1,Label1,
Clef2,Label2,
ClefN,LabelN}}

Les clefs du tableau sont des codes couleur. Exprimé  :
-  soit sous la forme de code couleur HTML/CSS sans le dièse qui précède. Exemple : f2f2f2.
-  sous sous la forme d’un nombre, précédé de lambda. Ce nombre correspond à la longueur d’onde dans le vide de la couleur, exprimé en nanomètres. Par exemple : lambda550. Cette longueur est ensuite convertie en code couleur HTML/CSS [1].

Utilisation avec Formidable

Si vous utilisez Formidable, vous disposez d’une nouvelle entrée « Choix parmi des couleurs ».

Dans la configuration du champ, dans « Liste des choix possibles », vous pouvez insérer vos choix sous la forme :

Cle1|Label1
Cle2|Label2
CleN|LabelN

Le formatage des clefs est expliqué ci-dessus.

Utilisation d'une entré « Choix de couleur » avec Formidable

Discussion

Une discussion

Ajouter un commentaire

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

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

Dernière modification de cette page le 13 janvier 2017