Contrôle de curseur double avec habillage personnalisé

Question

J'essaye actuellement de créer une page pour que les utilisateurs choisissent deux points d'une gamme, en utilisant un contrôle de glissière. Le premier point de la plage est lorsqu'une alerte sera envoyée à l'utilisateur, le second point est une limite maximale. Ce que je voudrais faire est d'avoir la barre colorée en vert du point 0 au premier point du curseur, puis orange entre les deux curseurs, et enfin rouge du deuxième curseur jusqu'à l'autre extrémité de la barre.

Est-ce que quelqu'un sait d'un facile que je peux faire ceci ou d'un contrôle de curseur qui peut être écorché pour faire ceci?

Answer 1

Je n'ai pas réussi à trouver un curseur qui a fait exactement ce que je recherchais. J'ai fini par aller avec le curseur JQuery UI comme vu here. C'est un très bon curseur, même s'il a ses problèmes, il était le plus simple que je pouvais trouver qui correspondait encore à mes spécifications d'origine.

Answer 2

This semble être ce que vous voulez. Voir la documentation de Mootools pour plus de détails.