Barre graduée

J'aimerai pouvoir créer une barre graduée de 0 à 100 allant de 5 en 5 par exemple.
Sur cette barre j'aimerai avoir la possibilité de déplacer plusieurs réglettes qui délimiteront 5 zones sur cette barre. Ces zones correspondront pour moi à des plages horaires. Sur chacune de ces plages horaires une couleur remplira la zone.
Mon problème : je sais pas du tout comment m'y prendre pour réaliser ça.
Si vous avez un site, un sujet du forum (j'ai pas trouvé en fesant des recherches) ou un script qui correspond même un petit peu, je suis preneur.
Merci d'avance :)

Bonjour


j'ai une proposition que permet de creer un bare graduée :

tu dois créer un tableau que contient une seule ligne et deux colonnes

Code:

---

1 2 3

<table> <tr> <td id="td1"> </td><td id="td2"> </td> </tr> </table>

---

et tu peux jouer sur les largeurs et les couleurs de deux td pour simuler une barre graduée

A+

Oui j'y ai déjà pensé et mis en pratique mais merci quand même. En faite, je veux aller plus loin. Apparement en utilisant des calques, on peut faire 2 barres l'une sur l'autre.
Mon but étant de faire une barre graduée où chaque graduation représente une tranche horaire d'1 heure. L'autre barre aurait une couleur différente de la première et représenterait les horaires de la journée où on a réservé.
Cette barre servira pour un planning. Voir ainsi les réservation d'une salle et pouvoir modifier en changeant les zones de réservation.

tu as une maquette? un dessin? un début de page?
ça n'a pas l'air infaisable mais la graduation de 0 à 100 paraît un peu space pour une journée 8O
et puis: les 5 tranches horaires sont un maximum? un simple exemple?

ça marche comment? quel langage serveur?

Est-ce que ça pourrait ressembler à ça : http://wiki.script.aculo.us/scriptac...how/SliderDemo ?

Oui c'est ça, sauf qu'il me faudrait plusieurs petits traits rouges sur ma barre et que les traits aient eux aussi une taille modulable :)

T'es difficile ! :D

En extrapolant un peu avec la démo citée ci-dessus, tu pourrais probablement y arriver comme un grand ! :wink:

LoL je sais je sais. Je viens d'abandonner cette solution. En parcourant les messages, je suis tombé sur le topic Drag and Drop. Je pense que pour faire ma barre, ce système fonctionne bien.
Je crée 2 cadres que je déplacerai dans une zone limitée (une barre). Les cadres se taillent facilement en plus :)
Merci quand pour votre aide :)

Problème Résolu :D