Planning hebdomadaire en HTML

Bonjour,

J'ai besoin de représenter un planning hebdomadaire (jour en colonne, heure sur la gauche) et d'y insérer des "tâches", un peu style Google Agenda. Je chercher soit une solution technique à mettre en oeuvre moi-même, soit une librairie "toute faite" permettant ce genre de choses.

Pour une solution technique, j'ai fait des recherches et regardé un peu des sites existants. Par exemple, pour Google Agenda, les jours sont en colonnes dans un tableau, mais je ne comprends pas du tout d'où sortent les lignes horizontales pour les heures ...

Merci pour toutes infos, pistes, idées, suggestions, etc ...

Xavier

Bonjour,

Tu peux utiliser des TABLE/TR/TD avec un TR par pas de tranche horaire chaque TD correspond à un jour.
Ensuite il suffit d'utiliser l'attribut rowspan pour fusionner des tranches horaires ;)


devyan

Salut,

Merci pour ta réponse rapide,

Citation:

---

Envoyé par devyan

Bonjour,
Tu peux utiliser des TABLE/TR/TD avec un TR par pas de tranche horaire chaque TD correspond à un jour.
Ensuite il suffit d'utiliser l'attribut rowspan pour fusionner des tranches horaires ;)
devyan

---

Effectivement, c'est le genre de solution à laquelle je pensais, mais je crains une gestion des tâches, sur des périodes de temps dans la journée, pas trop facile, même avec des rowspan. En effet, je suis obligé de décidé d'un tranche (1h ou 1/2h), et ensuite, je ne peux pas avoir un rendu précis (à la minute par exemple).

C'est pour ça que j'ai regardé par exemple du code Google Agenda. Il n'y a qu'un td par jour et plus rien dedans (ou presque) et je ne vois pas du tout comment sont affichées les lignes pour les heures ... Cette solution est sympa parce qu'ensuite, pour une tâche, on peut par exemple faire un DIV placé au pixel près en fonction des heures de début et fin ...

Merci

Xavier

Citation:

---

Envoyé par xnopre

En effet, je suis obligé de décidé d'un tranche (1h ou 1/2h), et ensuite, je ne peux pas avoir un rendu précis (à la minute par exemple).

---

C'est clair que tu vas devoir choisir mais honnêtement, des rendez-vous "à la minute" ? 8O

Par tranches de 5 minutes ça te fais 288 lignes (24h * 60min / 5min)

Bonjour,
Il existe une librairie : dhtmlxScheduler qui je pense te conviendra. Je l'ai utilisée pour un projet scolaire et elle est pratique et documentée. Tu pourras gérer tes evenements "à la minute", faire des drag/drop etc...
Par contre c'est en js :P

Citation:

---

Envoyé par insane1

Il existe une librairie : dhtmlxScheduler qui je pense te conviendra. Je l'ai utilisée pour un projet scolaire et elle est pratique et documentée. Tu pourras gérer tes evenements "à la minute", faire des drag/drop etc...
Par contre c'est en js :P

---

OK, merci, c'est effectivement ce que je cherche, et le JS n'est pas un problème, je crois d'ailleurs que la meilleure solution est dans cette voie.

D'ailleurs, j'ai trouvé un autre projet, libre par contre, repris par un Français et vraiment très bien :
http://github.com/themouette/jquery-week-calendar

Quelques démos ici :
http://wiki.github.com/themouette/jq...calendar/demos

Merci

Xavier