présentation
Configuration
Frise d'exemple
support des regles
support des bandes
Pour l'instant le container est vide.
Faut peupler tout ca!
html (cacher|voir le code)
<script src="timeline.js"></script><script src="timeline.min.js"></script>
<link rel="stylesheet" href="styles/timeline.css" />
<div id="friseA_support">
<div id="friseA_supportRegles" title="suport de règle"> </div>
<div id="friseA_supportDatas" title="support pour les bandes">
</div>
les support de règles et d'événement sont 2 flux d'affichages. Le jeu de données sont les mêmes. pour creer/afficher une bande dans le flux règle ciser {"genre":"regle"}. tout autre genre sera "evt"
Et c'est tout!
style (cacher|voir le code)
regarder le code source: styles/timeline.css
le code javascript pour la frise
instanciation de la frise
définition de la bande modele et instanciation de la frise(cacher|voir le code)
- (executer le code)
requis:
- id: balises dans laquelle les éléments (bandes, evt) sont crées
Créer (et afficher) une bande de données simple
(cacher|voir le code)
- (executer le code)
- l'element <div> est créer a partir de l'idHTML donnée, sinon une idHTML est créer aleatoirement (ou si idHTML='auto')
- un style peut etre appliqué à la balise #idHTML
- une balise avec l'id corespondant à idHTML ne doit pas deja exister
- par defaut la bande est positionnée par rapport sa frise d'origine.
- retourne le nom calculer
Créer (et afficher) une bande de données surcharge
(cacher|voir le code)
- (executer le code)
- tout peut etre surcharger
Créer (et afficher) un événement
(cacher|voir le code)
- (executer le code)
Créer (et afficher) une bande de genre regle
(voir/modifier le code)
- (executer le code)
Créer (et afficher) un événement avec la date actuelle
(cacher|voir le code)
- (executer le code)
Repère de règles
créer des repères manuellement
(voir/modifier le code)
- (executer le code)
créer des repères automatiquement calculé par rapport aà la frise
(voir/modifier le code)
- (executer le code)
Déplacement
déplacer la frise vers le passé ou le future
(voir/modifier le code)
- (executer le code)
redéfuinir les limites de la frise
(voir/modifier le code)
- (executer le code)