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

Voir un exemple    

Pour utiliser ce curseur, vous devez
1) charger le script avec 
<script xlink:href="js/slider.js"/>     gestion de la fenêtre
<script xlink:href="js/opera.js"/>    emulation de getURL() et parseXML()
2) réserver à la fin une place avec <g id="messages" transform="translate(100,50)"></g> par exemple 
3) mettre dans <defs> les gradients utilisés pour la fenêtre
4) appeler le curseur avec 
add_slider("svg/slider.svg","messages","Changer l'opacite\ndu rectangle",0,1, num_slider);
dans l'ordre: fichier SVG, nom du groupe, chaîne pour l'invite, valeur du minimum, valeur du maximum, nombre pour l'utilisation
5) créer une fonction pour utiliser le choix fait
function messages_use_slider(result,data,num_slider)
{
    if (!result)
        return
    switch(num_slider)
    {
            case 0:
                    obj=svgdoc.getElementById("rect1");
                    obj.setAttribute("fill-opacity",data);
                    break;
            ..........
    }
}

( svgdoc doit être le nom de SVGDocument et nom du groupe + "_use_slider" le nom de la fonction )

Quand la fenêtre est fermée, la valeur choisie est transmise dans data.

Dans le design SVG, cette fonction est appelée quand vous fermez la fenêtre avec onclick="close_slider(true)".
La fonction slider_tape permet d'utiliser les touches Enter et Escape pour fermer la fenêtre.
Trois lignes de texte avec "invite0", "invite1", "invite2" comme id.
Vous devez concerver les id des objets ou modifier le script.