• uk
  • fr
HermesPicker est un "color-picker" ou encore un "color chooser" (un petit outil permettant de choisir facilement une couleur) entièrement programmé en "DOM/Javascript" prévu pour intégrer des interfaces d'administration de logiciels comme par exemple des "CMS" ou des sites internet dynamiques.

Ce programme appartient à ce qu'on appelle la nouvelle génération d'outils participant au WEB2.

En effet, ce programme peut-être inséré dans tout script (par exemple "PHP") extrêmement facilement, simplement en rajoutant une seule ligne de code. Le code "DOM/javascript" qui le compose détecte automatiquement la nécessité de créer un "color-picker" si une balise particulière est présente dans la page en cours.

Démonstration :

(Cliquez sur les petits carrés à côté des champs de texte)

"Color-picker" sans gestion de transparence :


"Color-picker" avec gestion de la transparence :


Télécharger "HermesPicker" : HermesPicker

utilisation :

Dans votre page, quelque part entre les balises "head", insérez :
<head>
...
<script type="text/javascript" src="js/images.js"></script>
...
<head>

Plus loin dans votre "body", où vous désirez accéder au "color-picker" dans votre code (X)HTML, PHP ou autre :

...
<input type="text" name="name_test" id="color-picker-1" size="6" maxlength="6" />
...

  • "name_test" est ce que vous récupérerez après soumission du formulaire.
  • "color-picker-1" est l'appel au "color-picker", le 1 signifie que c'est le "color-picker" numéro 1, car vous pouvez utiliser autant de "color-pickers" que vous le souhaitez.


PS : Si au lieu de "color-picker-1" vous écrivez "color-picker-tr-1", votre "color-picker" gèrera la transparence ("tr" pour "transparent").
photo