IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Planning hebdomadaire en HTML


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 46
    Par défaut 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

  2. #2
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    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

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 46
    Par défaut
    Salut,

    Merci pour ta réponse rapide,

    Citation Envoyé par devyan Voir le message
    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

  4. #4
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    Citation Envoyé par xnopre Voir le message
    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" ?

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

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    321
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 321
    Par défaut
    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

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 46
    Par défaut
    Citation Envoyé par insane1 Voir le message
    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
    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

Discussions similaires

  1. planning hebdomadaire d'ecole
    Par smailhop dans le forum Windows Forms
    Réponses: 5
    Dernier message: 14/10/2009, 02h24
  2. Planning Hebdomadaire : couleur de remplissage
    Par Thomas_73 dans le forum Excel
    Réponses: 3
    Dernier message: 19/03/2009, 09h42
  3. Planning hebdomadaire d'entrainement
    Par alainGL dans le forum IHM
    Réponses: 2
    Dernier message: 21/03/2008, 11h08
  4. Réponses: 1
    Dernier message: 08/02/2007, 08h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo