2011-05-17 3 views
14

Il est simple de créer une mise en page basée sur une table pour un calendrier hebdomadaire avec 7 colonnes pour chaque jour de la semaine et différentes lignes pour chaque heure de la semaine. Je n'ai aucun problème à créer ça. La partie la plus difficile consiste à remplir dynamiquement cette table avec des «événements» quotidiens (je ne suis même pas sûr de savoir comment je ferais cela de manière statique).Comment créer un planning hebdomadaire dynamique en HTML et Javascript?

L'utilisateur aura accès à une liste d '«événements» qu'il aimerait ajouter à son horaire hebdomadaire. Et ils doivent être ajoutés dynamiquement à la page Web. Chaque événement a une heure de début et de fin spécifique et peut se produire plus d'un jour de la semaine. Je ne suis pas sûr de la façon dont je pourrais éventuellement ajouter ces 'événements' à ma disposition de table sans entrer dans un tas de problèmes de rowspan (beaucoup d'événements sont de différentes longueurs et couvrent des heures différentes). Ce serait facile si chaque événement durait toujours 1 heure, mais ce n'est pas le cas.

Je pensais faire chaque jour une table respective avec une colonne d'heure cachée. J'ai toujours l'impression que cela entraînera un énorme désordre. Des idées?

+2

Je ne suis pas sûr d'avoir entièrement compris la question. Cependant, avez-vous pensé à utiliser Google Agenda ou un autre produit de calendrier en ligne? – webdad3

+0

Google Agenda ou autre calendrier en ligne est hors de question. J'ai besoin de créer un horaire hebdomadaire unique pour l'utilisateur basé sur une liste d '«événements». Ils choisissent les «événements» qu'ils veulent et ensuite la page Web doit se mettre à jour pour afficher à quoi ressemblera l'horaire hebdomadaire pour cet utilisateur. Je vais aussi devoir faire face à des choses comme des conflits (chevauchement d'événements). – whoabackoff

Répondre

22

Pourquoi réinventer la roue?

Je pense que cela couvre toutes vos préoccupations.

http://arshaw.com/fullcalendar/

+0

Cela semble prometteur! – whoabackoff

+0

Par curiosité, connaissez-vous des alternatives fullcalendar? – whoabackoff

+0

@whoabackoff - Non, pas vraiment. Il y a Google Cal et Mobile Me d'Apple, mais à part ça, je ne suis au courant de rien d'autre. Bonne chance! –

Questions connexes