2010-02-05 5 views
2

Je cherche à construire un contrôle qui est une combinaison de la jquery ui progressbar et slider. Ce dont j'ai vraiment besoin est exactement comme le range slider, sauf que le max ne devrait pas avoir de poignée et ne devrait pas être déplaçable par l'utilisateur. Je veux implémenter quelque chose comme un contrôle de lecture tamponnée, où le 'fill' est le montant maximum tamponné et la poignée du curseur montre la position actuelle. Avant de jouer avec le code du curseur pour faire cela, je me demandais si quelqu'un avait des suggestions sur la façon dont je pourrais implémenter ceci sans aucun changement personnalisé. Une idée qui me vient à l'esprit, mais que je ne sais pas comment implémenter, est de superposer un range with fixed minimum slider (et une poignée cachée) au-dessus d'un curseur régulier. Je peux les mettre côte à côte ou au dessus/en dessous mais je ne connais pas suffisamment le HTML/CSS pour obtenir l'effet 'superposer'. Toute idée sur la façon de faire cela aiderait aussi.jQuery UI - curseur + effet de barre de progression

Merci!

Répondre

6

J'ai préparé un petit correctif pour le widget de curseur pour les contraintes. Voilà une démonstration du comportement que je crois que vous cherchez:

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/demos/slider/constraints.html

Voici le fichier patché:

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/ui/ui.slider.js

+0

vous êtes génial. J'aurais aimé pouvoir l'emporter plus d'une fois. ;) – psychotik

+0

Merci! Je me retrouve un peu motivé par le rep. : D (Quelqu'un devrait démarrer une société de développement qui réduit tout simplement à des questions Stack Overflow.) –

+0

Pour info, le projet jQuery UI a rejeté le correctif. "Vous pouvez utiliser la barre de progression et le curseur sur le même élément et obtenir le retour visuel, alors vous devrez juste appliquer les contraintes en utilisant l'événement de diapositive." –