[SPIP Zone] r3783 - in /_squelettes_/simile_timeline: timeline.html timeline_xml.html

Author: pierre.andrews@gmail.com
Date: Sun Jul 2 14:41:55 2006
New Revision: 3783

Log:
avec un style un peu plus condense et les jours, mois, annees

Modified:
    _squelettes_/simile_timeline/timeline.html
    _squelettes_/simile_timeline/timeline_xml.html

Modified: _squelettes_/simile_timeline/timeline.html

--- _squelettes_/simile_timeline/timeline.html (original)
+++ _squelettes_/simile_timeline/timeline.html Sun Jul 2 14:41:55 2006
@@ -1,9 +1,7 @@
#CACHE{365*24*3600}
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
- <title>Site Timeline</title>
- <meta name="author" content="Pierre Andrews">
+ <title>Test Chronology</title>

   <script src="http://simile.mit.edu.nyud.net:8080/timeline/api/timeline-api.js" type="text/javascript"></script>

@@ -16,9 +14,21 @@
            Timeline.createBandInfo({
            eventSource: eventSource,
              
+ date: <BOUCLE_last1(ARTICLES) {0,1} {!par date}>"[(#DATE|affdate{'M d Y H:i:s'})]"</BOUCLE_last1>"Jun 28 2006 00:00:00 GMT"<//B_last1>,
+
+ width: "75%",
+ intervalUnit: Timeline.DateTime.DAY,
+ intervalPixels: 100
+ }),
+ Timeline.createBandInfo({
+ showEventText: false,
+ trackHeight: 0.5,
+ trackGap: 0.2,
+ eventSource: eventSource,
+
              date: <BOUCLE_last(ARTICLES) {0,1} {!par date}>"[(#DATE|affdate{'M d Y H:i:s'})]"</BOUCLE_last>"Jun 28 2006 00:00:00 GMT"<//B_last>,
             
- width: "70%",
+ width: "20%",
              intervalUnit: Timeline.DateTime.MONTH,
              intervalPixels: 100
              }),
@@ -28,16 +38,18 @@
              trackGap: 0.2,
              eventSource: eventSource,
              date: <BOUCLE_last2(ARTICLES) {0,1} {!par date}>"[(#DATE|affdate{'M d Y H:i:s'})]"</BOUCLE_last2>"Jun 28 2006 00:00:00 GMT"<//B_last2>,
- width: "30%",
+ width: "5%",
              intervalUnit: Timeline.DateTime.YEAR,
              intervalPixels: 200
              })
            ];
   bandInfos[1].syncWith = 0;
+ bandInfos[2].syncWith = 0;
   bandInfos[1].highlight = true;
+ bandInfos[2].highlight = true;
   
   var tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
- Timeline.loadXML("page.php?page=timeline_xml", function(xml, url) { eventSource.loadXML(xml, url); });
+ Timeline.loadXML("page.php?page=timeline_xml[&id_rubrique=(#ENV{id_rubrique})]", function(xml, url) { eventSource.loadXML(xml, url); });
}

var resizeTimerID = null;
@@ -49,15 +61,27 @@
                     }, 500);
   }
}
+
   </script>

+<style>
+.timeline-default {
+ font-family: Trebuchet MS, Helvetica, Arial, sans serif;
+ font-size: 8pt;
+ border: 1px solid #aaa;
+}
+</style>
+
   </head>

   <body onload="onLoad();" onresize="onResize();">
- <h1>Site Timeline</h1>
+ <h1>Test Chronology
+<BOUCLE_rubrique(RUBRIQUES) {id_rubrique}>
+ - #TITRE
+</BOUCLE_rubrique>
+</h1>

- <div id="my-timeline" style="height: 150px; border: 1px solid #aaa" />
+<div id="my-timeline" class="timeline-default" style="height: 400px; border: 1px solid #aaa" />
     
- <hr>
   </body>
</html>

Modified: _squelettes_/simile_timeline/timeline_xml.html

--- _squelettes_/simile_timeline/timeline_xml.html (original)
+++ _squelettes_/simile_timeline/timeline_xml.html Sun Jul 2 14:41:55 2006
@@ -3,7 +3,7 @@
<?php echo '<' ?>?xml version="1.0"[ encoding="(#CHARSET)"]?>
<data>

-<BOUCLE_events(ARTICLES) {!par date}>
+<BOUCLE_events(ARTICLES) {id_rubrique?} {!par date}>
     <event start="[(#DATE|affdate{'M d Y H:i:s'})]" title="[(#TITRE|texte_backend)]" link="#URL_ARTICLE">

       [(#INTRODUCTION|texte_backend)]