Outil pour le choix des composantes RVB d'une couleur 100% SVG
Nouvelle version compatible avec Firefox 1.5, Opera 9 et Batik 1.6
Objets SVG et script sont séparés
Le script est chargé au démarrage
Les objets SVG sont chargés à la demande et déchargés après utilisation.
Vous pouvez créer votre propre design et le sauver dans un fichier SVG ou SVGZ.
Pour utiliser l'outil vous devez
1) charger le script avec
<script xlink:href="js/pickcolor_HSL.js"/>
gestion de la couleur
<script xlink:href="js/opera.js"/>
emulation de getURL() et parseXML()
<script xlink:href="js/tools.js"/>
déplacement de la fenêtre
2) réserver à la fin une place avec
<g id="messages" transform="translate(100,50)"></g>
par exemple
3) mettre dans un groupe <defs> les gradients utilisés pour les boutons
4) appeler l'outil
add_pick_color("js/pickcolor_HSL.svg","messages",num);
dans l'ordre: fichier SVG des objets, nom du groupe, nombre pour
l'utilisation.
5) créer une fonction pour utiliser le résultat du choix
function messages_use_pick_color(result,data,num_w)
{
if (!result)
return
switch(num_w)
{
case 0:
obj=svgdoc.getElementById("rect1");
obj.setAttribute("fill",data);break;
..............
}
}
Contraintes
svgdoc est obligatoirement le nom de SVGDocument
nom du groupe + "_use_pick_color" le nom de la fonction
La couleur choisie est retournée sous la forme d'une chaîne RVB dans data.
Cette fonction est appelée quand vous fermez la fenêtre avec
onclick="close_pick_color(true)".
La fonction pick_color_tape permet l'utilisation des touches Enter et Escape
pour fermer la fenêtre.