Author: pierre.andrews@gmail.com
Date: Sun Jul 2 01:12:20 2006
New Revision: 3776
Log:
demo rapide d'un squelette pour avoir une chronologie ajax des articles.
Added:
_squelettes_/simile_timeline/
_squelettes_/simile_timeline/README
_squelettes_/simile_timeline/timeline.html
_squelettes_/simile_timeline/timeline_xml.html
Added: _squelettes_/simile_timeline/README
--- _squelettes_/simile_timeline/README (added)
+++ _squelettes_/simile_timeline/README Sun Jul 2 01:12:20 2006
@@ -0,0 +1,16 @@
+Squelette pour afficher les articles du site sous forme de chronologie DHTML glissable avec la souris.
+
+Le code javascript utilisé vient d'ici:
+http://simile.mit.edu/timeline/
+
+Une demo là :
+http://mortimer.rezo.net/page.php?page=timeline
+
+Encore plein de choses à améliorer, mais c'est un debut pour montrer que c'est facile. Ca serait cool de le faire aussi avec le plugin Agenda.
+
+Auteur: mortimer.pa@free
+Licence: GPL
+
+
+
+
Added: _squelettes_/simile_timeline/timeline.html
--- _squelettes_/simile_timeline/timeline.html (added)
+++ _squelettes_/simile_timeline/timeline.html Sun Jul 2 01:12:20 2006
@@ -0,0 +1,63 @@
+#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">
+
+ <script src="http://simile.mit.edu.nyud.net:8080/timeline/api/timeline-api.js" type="text/javascript"></script>
+
+ <script type="text/javascript">
+
+ var tl;
+function onLoad() {
+ var eventSource = new Timeline.DefaultEventSource();
+ var bandInfos = [
+ Timeline.createBandInfo({
+ 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%",
+ intervalUnit: Timeline.DateTime.MONTH,
+ intervalPixels: 100
+ }),
+ Timeline.createBandInfo({
+ showEventText: false,
+ trackHeight: 0.5,
+ 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%",
+ intervalUnit: Timeline.DateTime.YEAR,
+ intervalPixels: 200
+ })
+ ];
+ bandInfos[1].syncWith = 0;
+ bandInfos[1].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); });
+}
+
+var resizeTimerID = null;
+function onResize() {
+ if (resizeTimerID == null) {
+ resizeTimerID = window.setTimeout(function() {
+ resizeTimerID = null;
+ tl.layout();
+ }, 500);
+ }
+}
+ </script>
+
+ </head>
+
+ <body onload="onLoad();" onresize="onResize();">
+ <h1>Site Timeline</h1>
+
+ <div id="my-timeline" style="height: 150px; border: 1px solid #aaa" />
+
+ <hr>
+ </body>
+</html>
Added: _squelettes_/simile_timeline/timeline_xml.html
--- _squelettes_/simile_timeline/timeline_xml.html (added)
+++ _squelettes_/simile_timeline/timeline_xml.html Sun Jul 2 01:12:20 2006
@@ -0,0 +1,13 @@
+#CACHE{3600}
+[(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]
+<?php echo '<' ?>?xml version="1.0"[ encoding="(#CHARSET)"]?>
+<data>
+
+<BOUCLE_events(ARTICLES) {!par date}>
+ <event start="[(#DATE|affdate{'M d Y H:i:s'})]" title="[(#TITRE|texte_backend)]" link="#URL_ARTICLE">
+
+ [(#INTRODUCTION|texte_backend)]
+ </event>
+</BOUCLE_events>
+
+</data>